@charset "utf-8";

.w50{width:5rem !important;}
.w60{width:6rem !important;}
.w70{width:7rem !important;}
.w80{width:8rem !important;}
.w90{width:9rem !important;}
.w100{width:10rem !important;}
.w110{width:11rem !important;}
.w120{width:12rem !important;}
.w130{width:13rem !important;}
.w140{width:14rem !important;}
.w150{width:15rem !important;}
.w160{width:16rem !important;}
.w170{width:17rem !important;}
.w180{width:18rem !important;}
.w190{width:19rem !important;}
.w200{width:20rem !important;}
.w300{width:30rem !important;}
.w5p{width:5% !important;}
.w7p{width:7% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

.ir {display: block; margin: auto; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -5000rem; overflow: hidden;}

.hidden{position:fixed; top:-5000rem; right:-5000rem;}
.scroll_table{overflow-x:auto;}
.scroll_table table{width:100%; min-width:80rem;}
.scrollY{padding:2rem 0.5rem 2rem 2rem; border:0.3rem solid #eee;}
.scrollY>div.scroll_con{overflow-y:auto; padding-right:1.5rem; max-height:30rem; word-break:keep-all;}
input{font-family:inherit;}
.input{margin:0.1rem; padding:0 0.5rem; height:4rem; line-height:4rem; border:0.1rem solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box;}
select{font-size:1.5rem;}
input[type=text]{appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; font-size:1.5rem; box-sizing:border-box;}
input[type=submit]{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none;}
button{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none;}
input.radio,
input.checkbox{position: static !important; margin:0 0.5rem 0 0 !important; vertical-align:middle; width:1.8rem !important; height:1.8rem !important;}
.textarea{padding:1rem; width:100%; border:0.1rem solid #ccc; box-sizing:border-box;}
.mode_kr{ime-mode:active;} /*기본 한글 (한글+영어) */
.mode_en{ime-mode:inactive;}/* 기본 영어(한글+영어)*/
.mode_onlyen{ime-mode:disabled;}/* 영어만 */
/* 유튜브 등 동영상 반응형 */
.embed-container{position:relative;padding-bottom:56.2%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe,embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}


.btn{display:inline-block; text-align:center; margin:0.2rem 0 0 0; padding:0.3rem 2rem 0; min-width:13rem; height:4.8rem; line-height:4.8rem; font-size:1.8rem; background:#f0f0f0; border:0.1rem solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-0.05rem;}
input.btn{cursor:pointer;}
.sbtn{display:inline-block; text-align:center; padding:0 1.2rem; min-width:6rem; height:3rem; line-height:3rem; border-width:0; background:#333; color:#fff; font-size:1.6rem; vertical-align:middle;}
input.sbtn{cursor:pointer;}
.mbtn{display:inline-block; text-align:center; margin:0.2rem 0 0 0; padding:0 2.2rem; min-width:6rem; height:4rem; line-height:4rem; font-size:1.6rem; background:#f0f0f0; border:0.1rem solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-0.05rem;}
input.mbtn{cursor:pointer;}
.btn_ok{background:#333; color:#fff; border-color:#333;}
input[type="submit"].btn_ok{background:#333; color:#fff; border-color:#333; font-size: 1.8rem;}
.btn_back{background:#fff; color:#484848;}
.btn_input{display:inline-block; text-align:center; padding:0 1rem; min-width:9rem; height:4rem; line-height:4rem; border-width:0; background:#333; color:#fff; font-size:1.6rem; vertical-align:middle;}
.btn_board{display:inline-block; padding:0.5rem 1.3rem 0.2rem; line-height:150%; letter-spacing:-0.01rem; border-radius:6rem; background:#f0f0f0; border:0.1rem solid #ccc; color:#484848; font-size:1.4rem;}
.btnBox{margin-top:3rem; text-align:right; font-size:0;}
.btnBox .btn{margin-left:0.5rem; border-radius:0.5rem;}
.goUrl{display:inline-block; font-weight:bold; text-decoration:underline; color:#333;}
.goWin{display:inline-block; padding-right:2rem; background:url(/museum/share/images/program/ic_window.gif) no-repeat right 0.7rem / 1.5rem;}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.tag_state{display:inline-block; text-align:center; padding: 1rem 0.1rem; min-width:5rem; border-radius:10rem; border:0.1rem solid #ddd; line-height:140%;}
.lec_state{display:inline-block; text-align:center; padding:1rem 2rem 0.8rem; min-width:11rem; border-radius:0.3rem; border:0.1rem solid #ddd; line-height:150%; font-size:1.05em;}
.tag_txt{display:inline-block; text-align:center; margin-right:0.8rem; padding: 0.5rem 0.1rem; width:8rem; line-height:140%; border:0.1rem solid #ddd;}
.tag_cate{display:inline-block; text-align:center; margin:0.1rem ; padding: 1rem 0.1rem; min-width:4rem; border-radius:10rem; border:0.1rem solid #ddd; line-height:140%;}
.tag_ic{display:inline-block; vertical-align:middle; margin-right:0.7rem; width:1.6rem; height:2rem; background-image:url(/museum/share/images/program/ic_board.gif); background-size: 16rem; text-indent:-500rem;}
.tag_ic.ic_reply{margin-left:1rem; background-position:left center;}
.tag_ic.ic_open{background-position:-4rem center;}
.tag_ic.ic_close{background-position:-8rem center;}
.tag_ic.ic_new{width:3.3rem; background-position:-12rem center;}
.tag_notice{margin-right:0.5rem; color:#1a5194; font-weight:bold; font-size:0.93em;}
/* 태그 및 버튼 색상 */
.c_rd{border-color:#a82a2a; color:#a82a2a;}
.c_or{border-color:#da6506; color:#f16c00;}
.c_yg{border-color:#5a9020; color:#5a9020;}
.c_gr{border-color:#187332; color:#187332;}
.c_gb{border-color:#1b7f74; color:#1b7f74;}
.c_bg{border-color:#1c789a; color:#1c789a;}
.c_bl{border-color:#1a5194; color:#1a5194;}
.c_nv{border-color:#122e74; color:#122e74;}
.c_vi{border-color:#5c3ca7; color:#5c3ca7;}
.c_pp{border-color:#883a99; color:#883a99;}
.c_pk{border-color:#d23f62; color:#d23f62;}
.c_bk{border-color:#333; color:#333;}
.c_gy{border-color:#666; color:#666;}
.bg_rd{background:#a82a2a; border-color:#a82a2a; color:#fff;}
.bg_or{background:#da6506; border-color:#f16c00; color:#fff;}
.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff;}
.bg_gr{background:#187332; border-color:#187332; color:#fff;}
.bg_gb{background:#1b7f74; border-color:#1b7f74; color:#fff;}
.bg_bg{background:#1c789a; border-color:#1c789a; color:#fff;}
.bg_bl{background:#1a5194; border-color:#1a5194; color:#fff;}
.bg_nv{background:#122e74; border-color:#122e74; color:#fff;}
.bg_vi{background:#5c3ca7; border-color:#5c3ca7; color:#fff;}
.bg_pp{background:#883a99; border-color:#883a99; color:#fff;}
.bg_pk{background:#d23f62; border-color:#d23f62; color:#fff;}
.bg_bk{background:#333; border-color:#333; color:#fff;}
.bg_gy{background:#666; border-color:#666; color:#fff;}

/* 태그 및 버튼 색상 끝 */

.program_tab{border:0.3rem solid #e5e5e5; background:#f5f5f5;}
.program_tab ul{padding:1rem;}
.program_tab ul li{display:inline-block; position:relative;}
.program_tab ul li:after{content:''; position:absolute; top:1.5rem; right:-0.1rem; width:0.1rem; height:1.7rem; background:#ccc;}
.program_tab ul li:last-child:after{display:none;}
.program_tab ul li a{position:relative; display:block; padding:1rem 2.5rem; font-size:1.6rem;}
.program_tab ul li.select a{font-weight:bold; color:#1a5194;}
.memoBox{margin-bottom:2rem; padding:5%; border:0.6rem solid #ddd;}
.memoBox .memoCon{background:url(/museum/share/images/program/note_line2.gif) left 0 / 0.2rem; line-height:2.7rem; word-break:keep-all;}
.memoBox div.memoCon{position:relative; padding-left:1.3rem;}
.memoBox div.memoCon:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#fff;}
.memoBox div.memoCon:before{display:block; content:''; position:absolute; top:1.4rem; left:0.3rem; width:0.4rem; height:0.1rem; background:#484848;}
.memoBox div.memoCon br{position:relative; display:block; content:'';}
.memoBox div.memoCon br:before{display:block; content:''; position:absolute; top:1.4rem; left:-1rem; width:0.4rem; height:0.1rem; background:#484848;}
.memoBox .memoCon>li{position:relative; padding-left:1.3rem; line-height:2.7rem;}
.memoBox .memoCon>li:before{display:block; content:''; position:absolute; top:1.4rem; left:0.3rem; width:0.4rem; height:0.1rem; background:#484848;}
.memoBox .memoCon>li:last-child:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#fff;}

/* 유의사항 */
.board_view div.note{margin:auto; margin-bottom:4rem; width:80%; padding:0 5%; border:0,.4rem solid #eee;}
/* 단순입력 */
.board_view div.note>dl{position:relative; padding-left:21rem; min-height:15rem; border-top:0.1rem dashed #666;}
.board_view div.note>dl:first-child{border-top:0;}
.board_view div.note>dl>dt{position:absolute; top:48%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); left:3.5rem; padding-top:7rem; font-size:1.2em; color:#333; letter-spacing:-0.1rem; font-weight:bold; background-repeat:no-repeat; background-position:center top;}
.board_view div.note>dl.attention>dt{background-image:url(/museum/share/images/program/ic_attention.gif); background-size: 6.5rem;}
.board_view div.note>dl.refund>dt{background-image:url(/museum/share/images/program/ic_refund.gif); background-size: 6.5rem;}
.board_view div.note>dl>dd{padding:3rem 0;}
.board_view div.note>dl>dd div{position:relative; background:url(/museum/share/images/program/note_line.gif) left 0 / 0.2rem; line-height:3.5rem;}
.board_view div.note>dl>dd div *{line-height:3.5rem;}
.board_view div.note>dl>dd div:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#fff;}
/* 단순입력 아니여도 됨 */
.board_view div.note>dl>dd ul{background:url(/museum/share/images/program/note_line.gif) left 0 / 0.2rem;}
.board_view div.note>dl>dd ul+p{margin-top:2rem; font-weight:bold;}
.board_view div.note>dl>dd p+ul{margin-top:0.5rem;}
.board_view div.note>dl>dd ul li{position:relative; padding-left:1.5rem; line-height:3.5rem; word-break:keep-all;}
.board_view div.note>dl>dd ul li:before{display:block; content:''; position:absolute; top:1.6rem; left:0.3rem; width:0.6rem; height:0.1rem; background:#484848;}
.board_view div.note>dl>dd ul li:last-child:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#fff;}


/*** 검색 ***/
.search{text-align:center; margin-top:-0.1rem; padding:3.5%; background:#f5f5f5; border:0.1rem solid #ddd;}
.search .field *,
.search .word *{vertical-align:middle;}
.search select{margin:0.2rem 0; padding:0 3rem 0 1rem; width:20%; max-width:13.5rem; height:4rem; line-height:4.7rem; border:0.1rem solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/museum/share/images/program/select_arr.gif) no-repeat right 1.3rem center / 1.1rem;}
.search select::-ms-expand{display:none;}
.search input[type=text]{margin-left:-0.1rem; padding:0.5rem 0.8rem 0; width:100%; height:4rem; line-height:4.7rem; border:0.1rem solid #ccc;}
.search input[type=submit]{width:10.8rem; height:4rem; line-height:4.7rem; border-width:0; background:#333; color:#fff; font-size:1.6rem;}
.search .word{position:relative; display:inline-block; margin:0.2rem 0; width:45%; padding-right:11.3rem;}
.search .word input[type=submit]{position:absolute; right:0; top:0;}
.search .range{display:inline-block; position:relative; width:42%;}
.search .range.cal{ padding-right:3.5rem; width:40%;}
.search .range.cal img[src*=ic_cal]{position:absolute; top:0.2rem; right:0;}
.search .field_gyeyak:After,
.search .field_gyeyak li:After{display:block; content:''; clear:both;}
.search .field_gyeyak li{float:left; width:55%; text-align:left;}
.search .field_gyeyak li:first-child{width:45%;}
.search .field_gyeyak li:last-child dl{float:left; width:50%;}
.search .field_gyeyak li:last-child dl:first-child{width:100%;}
.search .field_gyeyak dl{position:relative; margin-top:0.5rem; padding-left:9rem; box-sizing:border-box;}
.search .field_gyeyak dl dt{position:absolute; left:0; top:0.5rem; text-align:RIGHt; width:7.5rem; font-weight:bold;}
.search .field_array{padding-bottom:2rem; margin-bottom:2rem; border-bottom:0.1rem dotted #ddd;}
.search .field_array li{display:inline-block; vertical-align:top; margin:0.5rem 0.8rem;}
.search .field_array li select{min-width:15rem;}
.search .field_array dl{box-sizing:border-box;}
.search .field_array dl dt{display:inline-block; margin:0 0.5rem; font-weight:bold;}
.search .field_array dl dd{display:inline-block;}
.search .field_inline{padding-bottom:2rem; margin-bottom:2rem; border-bottom:0.1rem dotted #ddd;}
.search .field_inline li{display:inline-block;}
.search .field_inline li select{width:100%; max-width:100%;}
.search .search_btn{position:relative; margin-top:3%; padding-top:3%;  border-top:0.1rem dotted #ccc;}
.search .search_btn input[type=submit]{position:static;  min-width:20%;}
.search_array{margin-top:3rem; margin-bottom:1rem;}
.search_array:after{display:block; content:''; clear:both;}
.search_array div{float:left; margin-left:2%;}
.search_array div:nth-of-type(1){margin-left:0;}
.search_array div span{display:inline-block; position:relative; padding-right:1.3rem; margin-right:0.3rem;}
.search_array div span:after{display:block; content:':'; position:absolute; right:0; top:-0.1rem; width:0.5rem; height:0.1rem;}
.search_array select{display:inline-block; border:0; padding-right:3rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; font-size:1.5rem; line-height:2.2rem; background:url(/museum/share/images/program/select_arr02.gif) no-repeat right 0.5rem / 1.1rem;}
.search_array select::-ms-expand{display:none;}
.search_array div input[type=date] {border: 0.1rem solid #ccc;}
.search_array div.term input[type=text]{border:0; letter-spacing:0; padding-top:0.2rem; width:11rem;}
.search_array div.term input+img{cursor:pointer; padding:0.2rem 0.5rem 0 0.5rem;}
.search_array div.written{position:relative; float:right;}
.search_array div.written:after{display:block; content:''; position:absolute; left:-0.9rem; top:50%; width:0.5rem; height:0.1rem; background:#666;}
.search_array div.array_btn input{margin-top:-0,.4rem; padding:0.6rem 0 0.2rem 0.2rem; width:7rem; border:0.1rem solid #ccc; color:#333; background:#fff; border-radius:6rem;}

/*** 리스트 ***/
.nodata{padding:8rem 1rem; text-align:center; font-size:1.07em; border-top:0.2rem solid #333; border-bottom:0.1rem solid #aaa;}
.tit_arow{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* 일반 */
.board_list ul.generalList{padding-top:0.2rem; border-top:0.2rem solid #333; border-bottom:0.1rem solid #aaa;}
.board_list ul.generalList>li{position:relative; padding:1.5rem 0 1.5rem; overflow:hidden; border-top:0.1rem dotted #aaa;}
.board_list ul.generalList>li:first-child{border-top:0;}
.board_list ul.generalList>li p{float:left; padding-left:.5%; width:59.5%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list ul.generalList>li p a{font-size:1.13em;}
.board_list ul.generalList>li div.writer_info{float:right; width:38%;}
.board_list ul.generalList>li div.writer_info ul{text-align:right; overflow:hidden;}
.board_list ul.generalList>li div.writer_info ul li{display:inline-block; position:relative; top:0.3rem; margin-right:0.3rem; padding-left:0.7rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}
.board_list ul.generalList>li div.writer_info ul li:before{display:inline-block; content:'/'; position:absolute; left:0;}
.board_list ul.generalList>li div.writer_info ul li:first-child:before{display:none;}
.board_list ul.generalList>li div.writer_info ul li.writer{text-align:center; width:15rem;}
.board_list ul.generalList>li div.writer_info ul li.file{width:2.5rem; padding-left:0.5rem;}
.board_list ul.generalList>li div.writer_info ul li.file:before{display:none;}
.board_list ul.generalList>li div.writer_info ul li.file img{vertical-align:middle;}
.board_list table.general_board{margin-bottom:2rem; width:100%; border-bottom:0.1rem solid #333;}
.board_list table.general_board thead th{padding:1.2rem 0.5rem; font-weight:bold; font-size:1.5rem; color:#333; line-height:2.5rem; background:#f0f0f0; border-top:0.2rem solid #333; border-bottom:0.1rem solid #333;}
.board_list table.general_board tbody th,
.board_list table.general_board tbody td{text-align:center; padding:1rem 0.5rem;}
.board_list table.general_board tbody tr{border-top:0.1rem dotted #ccc;}
.board_list table.general_board tbody tr:first-child{border-top:0;}
.board_list table.general_board tbody td.title{max-width:10rem; width:50%;}
.board_list table.general_board tbody td.title a{display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
ul.list_info li{position:relative; padding-left:0.8rem; line-height:150%; box-sizing:border-box;}
ul.list_info.col2{overflow:hidden;}
ul.list_info.col2 li{float:left; margin-bottom:0; width:50%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.list_info li:after{display:block; content:''; position:absolute; left:0; top:1rem; width:0.3rem; height:0.3rem; background:#aaa;}
.board_list ul.photoList,
.board_list ul.photoList2{padding:2.5rem 0; overflow:hidden; border-top:0.2rem solid #333; border-bottom:0.1rem solid #ccc;}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{position:relative; float:left; margin:1.6%; width:30.1%; box-shadow:0 0.1rem 0.1rem rgba(0,0,0,.05);}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:23rem; overflow:hidden;}
.board_list ul.photoList>li p.img a:after,
.board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,.05); box-sizing:border-box;}
.board_list ul.photoList>li p.img img,
.board_list ul.photoList2>li p.img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:100%; height:100%;}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:0.1rem solid #ddd; border-top:0;}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{color:#333;}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%;}
.board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:2rem; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0; width:0,.4rem; height:0,.4rem; border-radius:0.3rem; background:#aaa; box-shadow:-0.8rem 0 0 #aaa, 0.8rem 0 0 #aaa;}
.board_list ul.photoList>li div.con p.date{margin-top:1.5rem; text-align:center;}
.board_list ul.photoList2>li div.con{padding:6.5% 8% 9%;}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:1rem; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list ul.photoList2>li div.con p.txt{height:4rem; overflow:hidden; line-height:140%;}
.board_list ul.photoList2>li div.con p.cate{margin-top:2rem; min-height:2.4rem;}
/* 갤러리(이미지,타이틀,내용 가로형) */
.board_list ul.galleryList{padding:0.5rem 0; border-top:0.2rem solid #333; border-bottom:0.1rem solid #aaa;}
.board_list ul.galleryList>li{padding:2.5rem 1rem; overflow:hidden; border-top:0.1rem dotted #aaa; word-break:keep-all;}
.board_list ul.galleryList>li:first-child{border-top:0;}
.board_list ul.galleryList>li p.img{position:relative; float:left; width:32%; margin-right:4%; font-size:0; height:21.5rem; overflow:hidden; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,.2);}
.board_list ul.galleryList>li p.img img{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:100%; min-height:21.5rem;}
.board_list ul.galleryList>li div.con{position:relative; float:left; padding-bottom:4rem; width:64%;}
.board_list ul.galleryList>li div.con.w100p{padding-bottom:0; height:auto;}
.board_list ul.galleryList>li div.con p.tit{margin-bottom:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list ul.galleryList>li div.con p.tit a{display: block; font-size:1.55em; color:#333;}
.board_list ul.galleryList>li div.con p.txt{line-height:150%;}
.board_list ul.galleryList>li div.con p.cate{margin-top:1.5rem;}
.board_list ul.galleryList>li div.con ul.list_info{margin-top:1rem;}
.board_list ul.galleryList>li div.con p.tit+ul.list_info{margin-top:0;}
.board_list ul.ebookList{padding:2rem 0 2.5rem; border-top:0.2rem solid #333; border-bottom:0.1rem solid #aaa; overflow:hidden;}
.board_list ul.ebookList>li{float:left; position:relative; margin:1.5%; width:22%; box-sizing:border-box; background:#fff;}
.board_list ul.ebookList>li:after{display:block; content:''; clear:both;}
.board_list ul.ebookList>li p.img{border-right:0.1rem solid #ddd; box-sizing:border-box; height:44rem; overflow:hidden;}
.board_list ul.ebookList>li p.img.noimg{position:relative; min-height:90%;}
.board_list ul.ebookList>li p.img img{width:100%; max-height:100%;}
.board_list ul.ebookList>li div.con{padding:2rem 0.3rem; box-sizing:border-box;}
.board_list ul.ebookList>li div.con p.tit{height:5.5rem; font-size:1.2em; color:#333; word-break:keep-all;}
.board_list ul.ebookList>li div.con p.date{margin-top:1rem; color:#666;}
.board_list ul.ebookList>li div.con p.data{margin-top:0.5rem; color:#666; font-size:.95em; word-break:keep-all; letter-spacing:-0.05rem; white-space:normal;}
.board_list ul.ebookList>li div.con ul.ebook_btn{position:absolute; bottom:2rem; right:5%; width:40%;}
.board_list ul.ebookList>li div.con ul.ebook_btn li{border-top:0.1rem dotted #ccc;}
.board_list ul.ebookList>li div.con ul.ebook_btn li:first-child{border-top:0;}
.board_list ul.ebookList>li div.con ul.ebook_btn li a{display:inline-block; padding:1.2rem 0.4rem 0.7rem; padding-left:4rem; font-weight:bold; background-position:1rem center; background-repeat:no-repeat;}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic01 a{background-image:url(/museum/share/images/program/ic_ebook01.gif); background-size: 1.8rem;}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic02 a{background-image:url(/museum/share/images/program/ic_ebook02.gif); background-size: 2.1rem;}
/* noimg */
.noimg.img{background:#f0f0f0; text-align:center; height:12rem;}
.noimg.img a{display:block; height:100%;}
.noimg.img img{position:relative !important; top:50%; left:0 !important; transform:translateY(-50%) !important; -webkit-transform:translateY(-50%) !important; width:auto !important; height:auto !important; min-height:auto !important; z-index:1 !important;}

/* FAQ */
.board_list ul.faqList{border-top:0.2rem solid #333; border-bottom:0.1rem solid #aaa; overflow:hidden;}
.board_list ul.faqList>li p.tit{border-bottom:0.1rem dotted #aaa;}
.board_list ul.faqList>li:last-child p.tit{border-bottom:0;}
.board_list ul.faqList>li p.tit a{position:relative; display:block; padding:1.5rem 6rem 1.5rem 0.5rem; font-size:1.13em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list ul.faqList>li p.tit a:after,
.board_list ul.faqList>li p.tit a:before{display:block; content:''; position:absolute; right:2.35rem; top:2.6rem; width:1.1rem; height:0.1rem; background:#666; transform:rotate(45deg);}
.board_list ul.faqList>li p.tit a:before{right:1.6rem; transform:rotate(-45deg);}
.board_list ul.faqList>li p.tit.open{border-width:0; font-weight:bold;}
.board_list ul.faqList>li p.tit.open a:after{right:1.6rem;}
.board_list ul.faqList>li p.tit.open a:before{right:2.35rem;}
.board_list ul.faqList>li div.con{display:none; padding:3% 4.5%; background:#f6f6f6; border-bottom:0.1rem solid #ccc;}
.board_list ul.faqList>li:last-child div.con{border-bottom:0;}
/* 강의 */
.board_list ul.lecList{overflow:hidden; padding-top:0.1rem;}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:1rem; width:49.6%; box-sizing:border-box;}
.board_list ul.lecList>li:nth-child(even){float:right;}
.board_list ul.lecList>li:nth-child(1):after,
.board_list ul.lecList>li:nth-child(2):after{display:block; content:''; position:absolute; top:-0.1rem; left:0; width:100%; height:0.2rem;
background:#333;}
.board_list ul.lecList>li.close *{color:#888; font-weight:normal;}
.board_list ul.lecList>li.close p.tit a{color:#888; font-weight:normal;}
.board_list ul.lecList>li>div{padding:3rem 3rem 2.7rem; border:0.1rem solid #ddd;}
.board_list ul.lecList>li p.tit{padding-right:8.5rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list ul.lecList>li p.tit a{color:#333; font-size:1.4em; font-weight:bold;}
.board_list ul.lecList>li .tag_state{position:absolute; top:2.5rem; right:2.5rem; min-width:6rem;}
.board_list ul.lecList>li ul{overflow:hidden; margin-top:2rem;}
.board_list ul.lecList>li ul>li{position:relative; float:left; width:50%; min-width:21rem; padding-left:0.8rem; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list ul.lecList>li ul>li:after{display:block; content:''; position:absolute; left:0; top:1.2rem; width:0.3rem; height:0.3rem; background:#ccc;}
.board_list ul.lecList>li ul>li.long{clear:both; float:none; width:100%;}
/* etcList */
.board_list .etcList{overflow:hidden;}
.board_list .etcList>li{float:left; margin:1% 0; padding:2.5% 3%; width:49%; border:0.1rem solid #ddd; box-sizing:border-box;}
.board_list .etcList>li:nth-child(even){float:right;}
.board_list .etcList>li:nth-child(1){border-top:0.2rem solid #333;}
.board_list .etcList>li:nth-child(2){border-top:0.2rem solid #333;}
.board_list .etcList>li p.tit{margin-top:0.3rem; margin-bottom:0.5rem; height:6rem; overflow:hidden;}
.board_list .etcList>li p.tit.tit_arow{margin-bottom:1rem; height:auto;}
.board_list .etcList>li p.tit a{font-size:1.4em; color:#333; line-height:130%;}
.board_list .etcList>li p.txt{height:4.5rem; line-height:150%; overflow:hidden;}
.board_list .etcList>li p.txt+ul.list_info{margin-top:0.5rem;}
/* 설문 */
.board_list .surveyList{overflow:hidden;}
.board_list .surveyList>li{float:left; margin:1% 0; padding:2.5% 3%; width:49%; border:0.1rem solid #eee; background:#f5f5f5; box-sizing:border-box;}
.board_list .surveyList>li.survey_open{background:#fff; border:0.1rem solid #ddd;}
.board_list .surveyList>li:nth-child(even){float:right;}
.board_list .surveyList>li:nth-child(1){border-top:0.2rem solid #333;}
.board_list .surveyList>li:nth-child(2){border-top:0.2rem solid #333;}
.board_list .surveyList>li p.tit{margin-top:0.3rem; margin-bottom:1rem; height:6rem; overflow:hidden;}
.board_list .surveyList>li p.tit a{font-size:1.4em; color:#333; line-height:130%;}
/* 한줄리스트 */
.board_list .oneList{border-top:0.2rem solid #333;}
.board_list .oneList>li{overflow:hidden; margin-bottom:1rem; padding:2.5% 3%; border:0.1rem solid #ddd;}
.board_list .oneList>li:first-child{border-top:0;}
.board_list .oneList>li p.tit{overflow:hidden;}
.board_list .oneList>li p.tit a{font-size:1.4em; color:#333; line-height:130%;}
.board_list .oneList>li div.con{margin-top:1.5rem; position:relative;}
.board_list .oneList>li div.con ul.list_info{overflow:hidden;}
.board_list .oneList>li div.con ul.list_info li{float:left; width:50%;}
.board_list .oneList>li div.con ul.list_info li.long{clear:both; float:none; width:100%;}
.board_list .oneList.haveBtn>li div.con{padding-right:10rem;}
.board_list .oneList>li div.con ul.oneList_btn{position:absolute; right:0; top:0;}
.board_list .oneList>li div.con ul.oneList_btn li{margin-bottom:0.3rem;}
.board_list .oneList>li div.con ul.oneList_btn li a{text-align:center; width:8rem;}
/* 데이타형식 */
table.dataTable{position:relative; margin-top:0.5rem; width:100%; border-spacing:0; border-collapse:collapse;}
table.dataTable:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:0.3rem; background:#333;}
table.dataTable caption{position:fixed; top:-5000rem; right:-5000rem;}
table.dataTable th,
table.dataTable td{padding:0.8rem 1%; border:0.1rem solid #ccc; border-top:0;}
table.dataTable td:last-child,
table.dataTable th:last-child{border-right:0;}
table.dataTable td:first-child,
table.dataTable th:first-child{border-left:0;}
table.dataTable th{font-weight:bold;}
table.dataTable thead th{padding:1.2rem 1%; background:#f0f0f0;}
/* 제픔홍보관 */
.program_tab{margin-bottom:2rem;}
.product{overflow:hidden; padding-bottom:2rem; border-top:0.2rem solid #333; border-bottom:0.1rem solid #ddd;}
.product>li{float:left; margin:2rem 1% 1%; width:23%;}
.product>li p.img{height:21rem; overflow:hidden;}
.product>li p.img img{width:100%; min-height:21rem;}
.product>li p.company{margin-top:1rem; font-size:1.3rem; color:#7f8d9f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product>li p.name{margin-top:0.5rem; height:4rem; overflow:hidden;}
.product>li .price{/* display:none; */ overflow:hidden;}
.product>li .price>p{display:block; float:left;}
.product>li .price>p.off{margin-right:1rem; font-weight:bold; color:#7f8d9f; font-style:italic; font-size:3.2rem;}
.product>li .price>p.off span{font-size:2.2rem;}
.product>li .price>p.pay{padding-top:0.5rem; font-size:1.7rem; line-height:1.6rem; font-weight:bold;}
.product>li .price>p.pay span{display:block; text-decoration:line-through; font-size:1.3rem; font-weight:normal;}
.product_view:after{display:block; content:''; clear:both;}
.product_view div.photo{float:left; width:45%;}
.product_view div.photo ul{position:relative; overflow:hidden; padding-top:36.5rem; text-align:center;}
.product_view div.photo ul li{display:inline; font-size:0;}
.product_view div.photo ul li p.thumb{display:inline-block; margin:0.3rem 0.2rem; width:15%; max-width:5rem; overflow:hidden; z-index:1;}
.product_view div.photo ul li p.thumb img{width:100%; height:4.5rem; border:0.3rem solid #fff; box-sizing:border-box;}
.product_view div.photo ul li p.thumb a.on img{border-color:#0a59ba;}
.product_view div.photo ul li p.img{display:none; position:absolute; left:0; top:0; width:100%; height:42rem; z-index:-1;}
.product_view div.photo ul li:first-child p.img{display:block;}
.product_view div.photo ul li p.img img{ position:relative; top:0; width:100%; height:42rem;}
.product_view div.photo ul li p.img:after{display:block; content:''; position:absolute; bottom:0; width:100%; height:6rem; background:#000; background:rgba(0,0,0,.3);}
.product_view div.info{position:relative; float:right; padding-bottom:2rem; margin-bottom:0; width:52%; min-height:42rem; border-top:0.3rem solid #1b1b1b; border-bottom:0.1rem solid #aaa;}
.product_view div.info div.name{padding:2.5rem 1.5rem; border-bottom:0.1rem dashed #e1e1e1;}
.product_view div.info div.name p.tit{margin-top:0.5rem; font-weight:bold; font-size:2.6rem; color:#333; letter-spacing:-0.1rem; line-height:130%;}
.product_view div.info div.price{/* display:none; */ overflow:hidden; padding:1.5rem 1.5rem 1rem; border-bottom:0.1rem solid #aaa; letter-spacing:-0.1rem;}
.product_view div.info div.price p.off{float:left; font-weight:bold; font-size:5rem; color:#7f8d9f; line-height:100%;}
.product_view div.info div.price p.off span{font-size:2.5rem;}
.product_view div.info div.price>div{float:left; margin-left:1rem;}
.product_view div.info div.price>div p{line-height:120%;}
.product_view div.info div.price>div p.price1{font-size:1.6rem; text-decoration:line-through;}
.product_view div.info div.price>div p.price2{font-weight:bold; font-size:2.8rem;}
.product_view div.info p.txt{padding:2rem 2rem 0; font-size:1.4rem; line-height:140%; word-break:keep-all;}
.product_view div.info ul.list{padding:2rem 2rem 0;}
.product_view div.info ul.list li{position:relative; padding-left:1rem; min-height:2.3rem;  color:#484848; font-size:1.4rem;}
.product_view div.info ul.list li:after{display:block; content:''; position:absolute; left:0; top:0.9rem; width:0.5rem; height:0.1rem; background:#aaa;}
.product_btn{margin-top:3rem; text-align:right;}

.status_map{margin-top:2rem; width:100%; height:40rem;}
.photo_slide{text-align:center; position:relative; overflow:hidden; margin-top:2rem; height:60rem;}
.photo_slide>img{max-height:100%; max-width:100%;}
.photo_slide .list_box{position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:3rem 0; background:rgba(0,0,0,.8);}
.photo_slide .list_box>a{position:absolute; bottom:5rem; display:block; width:4.6rem; height:4.6rem; border-radius:50%; border:0.2rem solid #fff; background-image:url('/museum/share/images/program/commitment_point.png'); background-repeat:no-repeat; background-position:center center; background-size: 1rem; text-indent:-500rem;}
.photo_slide .list_box>a.prev{left:1.5%;}
.photo_slide .list_box>a.next{right:1.5%; transform:rotate(180deg);}
.photo_slide .list_box .list{width:85%; margin:0 auto; overflow:hidden;}
.photo_slide .list_box .list>ul{position:relative; font-size:0; line-height:0; white-space:nowrap;}
.photo_slide .list_box .list>ul>li{display:inline-block; width:19%; max-width:9rem; height:9rem; margin-left:1%; overflow:hidden;}
.photo_slide .list_box .list>ul>li.on{border:0.2rem solid #ff007d;}
.photo_slide .list_box .list>ul>li img{width:100%; min-height:100%;}
.photo_slide .list_box .list>ul>li:first-child{margin-left:.5%;}


/* 페이지 */
a.page_btn.btn_first,
a.page_btn.btn_prev,
a.page_btn.btn_next,
a.page_btn.btn_last{display:inline-block; text-indent:-500rem0rem; width:2.5rem; height:3rem; background-position:center center; background-repeat:no-repeat; background-size:1.7rem 2rem; vertical-align:middle;}
a.page_btn.btn_first{background-image:url(/museum/share/images/program/btn_first.gif);}
a.page_btn.btn_prev{margin-right:1.5rem; background-image:url(/museum/share/images/program/btn_prev.gif);}
a.page_btn.btn_next{margin-left:1.5rem; background-image:url(/museum/share/images/program/btn_next.gif);}
a.page_btn.btn_last{background-image:url(/museum/share/images/program/btn_last.gif);}
.paging{text-align:center; margin:5rem 0 2rem; font-size:0;}
.paging a{display:inline-block; text-align:center; margin:0 0.3rem; min-width:3rem; height:3rem; line-height:3.5rem; font-size:1.6rem; vertical-align:middle;}
.paging a.select{background:#333; color:#fff;}
.paging_mb{text-align:center; margin:3rem 0; letter-spacing:-0.2rem;}
.paging_mb .input{text-align:center; width:5rem;}
.paging_mb .btn_input{min-width:6rem;}
.paging_mb a.page_btn{border:0.1rem solid #ddd; width:12%; height:4rem; line-height:4rem; letter-spacing:0; box-sizing:border-box;}
.paging_mb a.page_btn.btn_prev{margin-right:0.5rem;}
.paging_mb a.page_btn.btn_next{margin-left:0.5rem;}
.paging_mb a.page_btn.btn_first,
.paging_mb a.page_btn.btn_last{text-indent:0; color:#666; min-width:6rem;}
.paging_mb a.page_btn.btn_first{text-align:center; padding-right:2rem; background-position:right 0.8rem center;}
.paging_mb a.page_btn.btn_last{text-align:center; padding-left:2rem; background-position:left 0.8rem center;}

/*** 상세 ***/
/* 작성정보,첨부파일(상세,) */
.data_list{margin-top:4rem; border-top:0.1rem solid #ccc; border-bottom:0.1rem solid #ccc;}
.add_file+.data_list{margin-top:-0.1rem;}
.title+.data_list{margin-top:0; border-top:0;}
.comment+.data_list{margin-top:5rem;}
.nodate{padding:5rem 0.5rem; text-align:center;}
.data_list>li{overflow:hidden; border-top:0.1rem dotted #ccc;}
.data_list>li:first-child{border-top:0;}
.data_list>li dl{display:table; width:100%;}
.data_list>li.col2 dl{float:left; width:50%;}
.data_list>li dl>dt,
.data_list>li dl>dd{display:table-cell; padding:1.2rem 0.5rem 0.7rem; padding-left:2rem;}
.data_list>li dl dt{width:9rem; font-weight:bold; color:#333;}
.data_list>li.longDt dl{padding:0.8rem 0;}
.data_list>li.longDt dl dt{float:left; width:auto; padding-bottom:0; padding-top:0;}
.data_list>li.longDt dl dd{float:left; padding-top:0;}
.data_list .local_cate{float:right; margin-left:1rem;}
.data_cell{padding:0; margin-top:-0.1rem; margin-bottom:2rem;}
.data_cell>ul{border-top:0.2rem solid #333; border-bottom:0.1rem solid #ccc;}
.data_cell>ul>li{border-top:0.1rem dashed #ddd;}
.data_cell>ul>li:first-child{border-top:0;}
.data_cell ul li dl{display:table; margin:0.3rem 0; width:100%;}
.data_cell ul li dl dt,
.data_cell ul li dl dd{display:table-cell; padding:1rem 2%;}
.data_cell ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold;}
.data_cell ul li img{vertical-align:middle;}
.add_file dl{display:table; width:100%;}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:0.5rem 0; padding-left:2rem;}
.add_file dl>dt{width:9rem; font-weight:bold; color:#333;}
.add_file{position:relative; padding:1rem 8rem 1rem 0; background:#f9f9f9; border-bottom:0.1rem solid #ddd;}
.add_file dl>dd ul li{position:relative; padding-left:1.5rem;}
.add_file dl>dd ul li img{vertical-align:middle;}
.add_file dl>dd ul li span.byte{padding-left:0.5rem; color:#666; font-weight:bold; font-size:.9em; letter-spacing:0;}
.add_file .alldown{position:absolute; right:3rem; top:1.5rem;}
.board_view div.title{text-align:center; margin-top:-0.1rem; padding:3.5rem 1rem; border-top:0.2rem solid #333; border-bottom:0.1rem solid #333;}
.board_view div.title p{font-size:1.55em; color:#333;}
.board_view div.title p.period{display:inline-block; margin-top:1rem; padding:0 2rem; font-size:1.07em; background:#e3e3e3; border-radius:6rem; letter-spacing:0;}
.board_view div.stateBox{margin-top:2rem; text-align:right;}
.board_view div.con{border-bottom:0.1rem solid #ccc;}
.board_view div.con img{max-width:100%;}
.board_view div.con .photo{margin:4rem auto; width:90%; text-align:center;}
.board_view div.con .photo p{display:inline-block; margin-top:2rem; max-width:100%; font-size:0.93em;}
.board_view div.con .photo p span{display:block;}
.board_view div.con .detail{margin:4rem auto 5rem; width:90%;}
.board_view div.con .detail_movie{margin:4rem auto 5rem; width:90%;}
.board_view div.con .photo+.detail{margin-top:8rem;}
.board_view div.con .openNuri{text-align:right; font-size:0;}
.board_view div.con .openNuri img{margin-bottom:-0.1rem;}
.board_view div.con table td, .board_view div.con table th{border:0.1rem solid #ccc;}
.board_view div.youtb{position:relative; padding-bottom:50%; text-align:center; margin:auto; width:80%; overflow:hidden;}
.board_view div.youtb iframe{position:absolute;top:0;left:0; width:100%;height:100%;}

.photoView{margin:0 auto 4rem; width:90%; max-width:65rem;}
.photoView p{position:relative; width:100%; height:42rem; overflow:hidden;}
.photoView p img{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height:42rem;}
.photoView ul{margin-top:0.5rem; text-align:center; font-size:0;}
.photoView ul li{display:inline-block; width:14.3%; height:6rem; overflow:hidden; border:0.3rem solid #fff;}
.photoView ul li.on{border-color:#333;}
.photoView ul li img{width:100%; min-height:6.5rem;}
.contact{padding:2rem; margin-top:4rem; border:0.4rem solid #eee; overflow:hidden;}
.contact>div{position:relative; float:left; width:50%;}
.contact>div.map{height:40rem; overflow:hidden;}
.contact>div.map_info{padding-left:3%; width:45%;}
.contact>div.map_info p.name{font-weight:bold; font-size:1.6rem;}
.contact>div.map_info ul{margin-top:2rem;}
.contact>div.map_info ul li{position:relative; padding-left:1rem;}
.contact>div.map_info ul li:After{display:block; content:''; position:absolute; left:0; top:1.2rem; width:0.5rem; height:0.1rem; background:#666;}
.ebook_view{overflow:hidden;}
.ebook_view .tit{position:relative; padding-bottom:4rem; margin-bottom:5%; border-bottom:0.2rem solid #333;}
.ebook_view .tit .txt{font-size:2em; font-family:var(--lp-typo-font-type);}
.ebook_view .tit .btnList{position:absolute; right:0; top:1rem;}
.ebook_view div.summary{float:left; width:30%;}
.ebook_view div.summary .photo{overflow:hidden;}
.ebook_view div.summary .photo img{max-width:101%;}
.ebook_view div.summary dl{margin:0.5rem 0;}
.ebook_view div.summary dl dt{display:inline-block; text-align:center; padding:0.5rem 1rem 0; margin-right:1rem; min-width:8rem; border:0.1rem solid #aaa; border-radius:0.2rem;}
.ebook_view div.summary dl dd{display:inline-block;}
.ebook_view div.detail{float:right; width:55%; word-break:keep-all; text-align:justify;}

/* 댓글 */
.comment{padding:3.5% 4% 2%; border:0.6rem solid #eee;}
.comment div.comment_writer{margin-bottom:2rem;}
.comment div.comment_writer ul{overflow:hidden;}
.comment div.comment_writer ul li{position:relative; float:left; margin-right:1%; width:25%;}
.comment div.comment_writer ul li label{font-weight:bold;}
.comment div.comment_writer input[type=text],
.comment div.comment_writer input[type=password]{text-align:center; margin-top:0.3rem; border:0; border:0.1rem solid #aaa; padding:0.8rem 0; width:100%; font-weight:bold;}
.comment div.comment_form{position:relative; padding-right:13.9rem;}
.comment div.comment_form textarea{padding:1rem 2%; width:100%; height:9rem; background:#EEE; border:0.1rem solid #ddd; line-height:150%;}
.comment div.comment_form input[type=submit]{position:absolute; right:0; top:0; width:14rem; height:9rem; font-size:1.2em; background:#fff; border:0.1rem solid #ccc; color:#333;}
div.comment_view ul.comment_list li{position:relative; padding:2.2rem 0.5rem 2.4rem; border-bottom:0.1rem dashed #ccc;}
div.comment_view ul.comment_list li p.writer{padding-right:7rem;}
div.comment_view ul.comment_list li p.writer span.name{font-size:1.5rem; font-weight:bold;}
div.comment_view ul.comment_list li p.writer span.date{font-size:1.4rem;}
div.comment_view ul.comment_list li p.txt{margin-top:0.8rem; font-size:1.4rem; line-height:130%;}
div.comment_view ul.comment_list li a.del_comment{display:inline-block; position:relative; padding-left:2.5rem; padding-right:0.8rem; height:2.2rem; line-height:2rem; border:0.1rem solid #ccc; font-size:1.4rem; color:#666;}
div.comment_view ul.comment_list li a.del_comment:before,
div.comment_view ul.comment_list li a.del_comment:after{display:block; content:''; position:absolute; top:0.4rem; left:1.2rem; width:0.1rem; height:1.2rem; background:#333;  transform:rotate(45deg);}
div.comment_view ul.comment_list li a.del_comment:before{transform:rotate(-45deg);}
.comment .paging{margin:2rem 0 4rem;}
.comment .paging a{font-size:1.5rem;}
.comment a.page_btn.btn_first,
.comment a.page_btn.btn_prev,
.comment a.page_btn.btn_next,
.comment a.page_btn.btn_last{min-width:2rem; height:2.5rem;}
.comment a.page_btn.btn_prev{margin-right:0.5rem;}
.comment a.page_btn.btn_next{margin-left:0.5rem;}
.comment.pop_comment{padding:2% 5%; border:0;}
/* QNA */
.board_reply{margin-top:-0.1rem; border-top:0.1rem solid #333; border-bottom:0.1rem solid #ccc;}
.board_reply>div{padding:4% 3.5%; border-top:0.1rem solid #333;}
.board_reply>div.reply_bribe{padding:0; margin-bottom:2rem; border-bottom:0.1rem solid #ccc;}
.board_reply>div.reply_bribe>ul>li{border-bottom:0.1rem dashed #ddd;}
.board_reply>div.reply_bribe ul li dl{display:table; margin:0.3rem 0; width:100%;}
.board_reply>div.reply_bribe ul li dl dt,
.board_reply>div.reply_bribe ul li dl dd{display:table-cell; padding:1rem 2%;}
.board_reply>div.reply_bribe ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold;}
.board_reply>div.reply_bribe ul li img{vertical-align:middle;}
.board_reply>div.reply_bribe>dl{display:table; padding:0.3rem 0; width:100%; border-bottom:0.1rem dashed #ddd;}
.board_reply>div.reply_bribe>dl dt,
.board_reply>div.reply_bribe>dl dd{display:table-cell; padding:1rem 2%;}
.board_reply>div.reply_bribe>dl dt{text-align:center; width:20%; background:#f0f0f0; font-weight:bold;}
.board_reply>div.reply_bribe>dl dd ul li{position:relative; padding-left:0.9rem;}
.board_reply>div.reply_bribe>dl dd ul li:after{display:block; content:''; position:absolute; left:0; top:1.2rem; width:0.4rem; height:0.1rem; background:#888;}
.board_reply>div.reply_bribe>dl.corrupt dd{font-weight:bold;}
.board_reply>div.reply_bribe>dl.reporter{border-bottom:0;}
.board_reply>div.reply_bribe>dl.reporter dd ul li{font-size:0.93em;}
.board_reply>div.reply_bribe>dl.reporter dd ul li span{font-weight:bold;}
.board_reply>div .add_file{margin-top:5%; background:transparent; border-top:0.1rem solid #ccc;}
.board_reply>div .data_list{border-bottom:0;}
.board_reply>div .writer+.data_list{margin-top:5%;}
.board_reply>div.reply_q .writer{font-size:1.07em; font-weight:bold;}
.board_reply>div.reply_q .writer{font-size:1.07em; font-weight:bold;}
.board_reply>div.reply_q .tit{margin:2rem 0 1.2rem; font-weight:bold; font-size:1.2em;}
.board_reply>div.reply_a{background:#f5f5f5;}
.board_reply>div.reply_a .tit{margin-bottom:2rem;}
.board_reply>div.reply_a .writer{margin-top:1rem;}
/* 설문 */
.survey_frame{position:relative; margin-top:-0.1rem; border-top:0.3rem solid #333; box-sizing:border-box;}
.survey_frame>ul{border:0.1rem solid #ccc; border-top:0;}
.survey_frame>ul>li{padding:5% 4.5%; border-top:0.1rem dashed #ccc;}
.survey_frame>ul>li:first-child{border-top:0 dashed #ccc;}
.survey_frame>ul>li:nth-child(3n-1){background:#f7f7f7;}
.survey_frame>ul>li:nth-child(3n){background:#f0f0f0;}
.survey_frame .q{margin-bottom:1rem; font-size:1.2em; color:#333;}
.survey_frame .a{margin-left:0.5rem;}
.survey_frame .a li{margin:0.2rem 0;}
.survey_frame.write .a{margin-top:2rem;}
.survey_frame.write .a li{margin-top:0.5rem;}
.survey_frame .a_img{overflow:hidden;}
.survey_frame .a_img li{float:left; width:24%; margin-left:1%;}
.survey_frame .a_img li img{max-width:100%; height:15rem;}
.survey_frame.write .a_img{margin-top:2rem;}
.survey_frame input:checked+label{font-weight:bold; color:#333;}
.ratio_graph{border-left:0.1rem solid #ddd; margin-left:1%; margin-top:2rem; font-size:0; width:100%; white-space:nowrap;}
.ratio_graph:after{display:block; content:''; overflow:hidden;}
.ratio_graph>li{position:relative; margin:0.2rem 0; height:1.5rem;  border-left:0.2rem solid #fff; box-sizing:border-box;}
.ratio_graph .survey_ratio.ratio01{background:#ffb1b1;}
.ratio_graph .survey_ratio.ratio02{background:#e97b19;}
.ratio_graph .survey_ratio.ratio03{background:#ffdc50;}
.ratio_graph .survey_ratio.ratio04{background:#8cda57;}
.ratio_graph .survey_ratio.ratio05{background:#50c373;}
.ratio_graph .survey_ratio.ratio06{background:#3d9eaa;}
.ratio_graph .survey_ratio.ratio07{background:#4095d0;}
.ratio_graph .survey_ratio.ratio08{background:#618be0;}
.ratio_graph .survey_ratio.ratio09{background:#7961e0;}
.ratio_graph .survey_ratio.ratio10{background:#b561e0;}
.ratio_graph .survey_ratio span{display:block; position:absolute; right:-5.5rem; top:-0.5rem; width:5rem; text-align:left; font-size:1.3rem;}
/* 이전글 다음글 */
.other_con{margin-top:7rem; border-top:0.1rem solid #333; border-bottom:0.1rem solid #333;}
.other_con li{position:relative; padding:1.3rem 0.8rem 0.8rem; padding-left:13rem; border-top:0.1rem dotted #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.other_con li:first-child{border-top:0;}
.other_con span{display:block; position:absolute; text-align:center; width:13rem; height:100%; left:0; top:1.4rem; font-weight:bold;}

/*** 작성 ***/
.board_write{border-top:0.2rem solid #333; margin-top:-0.1rem;}
.board_write ul li{padding:1.2rem 0.7rem 1.5rem; border-bottom:0.1rem solid #ddd;}
.board_write ul li.title{border-bottom:0.1rem solid #333;}
.board_write ul li dl{display:table; width:100%;}
.board_write ul li dl dt{display:table-cell; vertical-align:middle; font-weight:bold; color:#333; font-size:1.6rem; width:20%;}
.board_write ul li dl dt label{color:#333; font-size:1.6rem;}
.board_write ul li dl dt span{font-weight:normal;}
.board_write ul li dl dt span.ps{display:inline-block; font-size:1.4rem;}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-0.1rem 0.5rem 0 0.9rem; width:0.2rem; height:1.2rem; background:#aaa; vertical-align:middle ;}
.board_write ul li dl dd{display:table-cell; margin-top:1.2rem;}
.board_write ul li.readonly dl dt,
.board_write ul li.readonly dl dd{display:inline-block; margin:0; margin-right:3%;}
.board_write ul li.oneline dl dt,
.board_write ul li.oneline dl dd{display:inline-block; margin:0; margin-right:3%;}
.board_write input[type=file]{margin:0.1rem; padding:0.6rem 0.5rem; width:50%; height:4rem; border:0.1rem solid #ccc; vertical-align:middle;  box-sizing:border-box;}
.board_write input[type=text],
.board_write input[type=password]{margin:0.1rem; padding:0 0.5rem; height:4rem; line-height:4rem; width:60%; border:0.1rem solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none;}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:0.5rem; vertical-align:middle; width:1.8rem; height:1.8rem;}
.board_write select{vertical-align:middle; margin:0.2rem 0; padding:0.6rem; min-width:20rem;}
.board_write textarea{padding:1rem; width:100%; border:0.1rem solid #ccc; box-sizing:border-box;}
.board_write img{vertical-align:middle;}
.board_writeDeep li:first-child{padding-top:0;}
.board_writeDeep li:last-child{padding-bottom:0; border-bottom:0;}
.need{font-size:0.93em; color:#a50e0e;}
.chkList li{display:inline-block; padding:0 !important; border:0 !important;}
.chkList li input:checked+label{font-weight:bold; color:#333;}
.chkList li input[type=radio],
.chkList li input[type=checkbox]{margin-right:0.5rem; vertical-align:middle; width:1.8rem; height:1.8rem;}

/* 비밀번호입력 */
.password{text-align:center; margin:7% auto 2rem; padding:2rem 0% 5rem; width:90%; max-width:72rem; background:#f5f5f5; border:0.3rem solid #e3e3e3;}
.password p{display:inline-block; padding:4rem 0 4rem 8.5rem; font-size:1.13em; background:url(/museum/share/images/program/ic_password.gif) no-repeat left center / 7.7rem;}
.password>div{margin:auto; font-size:0.2rem;}
.password>div input[type=password]{width:50%; text-align:center; background:#fff;}
.password>div input[type=submit]{width:17%;}
.password+.btnBox{margin:auto; width:90%; max-width:72rem;}
/* 동의 */
.agree{padding-bottom:3rem;}
.agree .tit{margin-top:3rem; margin-bottom:1rem; font-size:1.66em; color:#333;}
.agree .agree_txt{margin-top:1rem; margin-left:0.3rem; font-size:1.07em;}
.agree textarea{border:0;}
.agree .textarea textarea,
.agree .textarea>div{padding:2%; width:96%; height:33rem; overflow-y:auto;}

/*** 스케쥴 ***/
.schedule .remain{display:inline-block; padding:0.5rem 0.5rem 0; color:#888; font-size:1.3rem; border:0.1rem solid #ddd; border-radius:5rem; line-height:1.2;}
.schedule .remain img{position:relative; top:-0.1rem; width:1.2rem; margin:0 0.5rem 0 0.2rem; line-height:1.2; vertical-align:middle;}
.schedule .remainLabel{position:relative;}
.schedule .remainLabel .remain{position:absolute; right:0; bottom:0.5rem; padding:0.8rem 1.5rem 0.3rem; font-weight:bold; color:#333; border-color:#aaa;}
.schedule div.month{position:relative; margin:auto; width:34rem;}
.schedule div.month p{text-align:center; margin:2.5rem 0 3rem; font-size:3em; color:#888;}
.schedule div.month p span{font-weight:bold; color:#333;}
.schedule div.month ul li{position:absolute; top:0.3rem;}
.schedule div.month ul li.btn_prev{left:0;}
.schedule div.month ul li.btn_next{right:0;}
.schedule div.month ul li a{display:block; position:relative; width:5rem; height:5rem; text-indent:-500rem;}
.schedule div.month ul li a:after,
.schedule div.month ul li a:before{display:block; content:''; position:absolute; left:50%; width:0.1rem; height:50%; background:#333; border-radius:0.1rem;}
.schedule div.month ul li a:before{top:0.5rem; transform:rotate(45deg);}
.schedule div.month ul li a:after{top:2.2rem; transform:rotate(-45deg);}
.schedule div.month ul li.btn_next a:before{transform:rotate(-45deg);}
.schedule div.month ul li.btn_next a:after{transform:rotate(45deg);}
.schedule table{width:100%; border-top:0.2rem solid #333; border-collapse:collapse; table-layout:fixed; position:relative;}
.schedule table caption{position:fixed; top:-5000rem; left:-5000rem;}
.schedule table .sun, .schedule table .sun p{color:#a82a2a;}
.schedule table .sat, .schedule table .sat p{color:#1a5194;}
.schedule table thead th{position:relative; padding:1rem 0.5rem; font-size:1.07em;}
.schedule table thead th:after{display:block; content:''; position:absolute; left:0; top:1.7rem; width:0.1rem; height:1.5rem; background:#aaa;}
.schedule table thead th:first-child:after{display:none;}
.schedule table thead tr{border-bottom:0.1rem solid #222;}
.schedule table tbody td{vertical-align:top; width:14.2%; border:0.1rem solid #e0e0e0; border-width:0 0 0.1rem 0.1rem; height:12rem;}
.schedule table tbody td:first-child{border-left:0;}
.schedule table tbody td>p.date{text-align:center;  width:3.5rem; height:3.5rem; line-height:3.8rem; border:0.1rem solid #e0e0e0; border-width:0 0.1rem 0.1rem 0;}
.schedule table tbody td>ul{padding:10% 13% 13%;}
.schedule table tbody td>ul>li{padding:0.5rem 0.2rem 0.2rem;  border-bottom:0.1rem dotted #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all;}
.schedule table tbody td>ul>li:last-child{border-bottom:0;}
.schedule table tbody td.close{background:#f5f5f5;}
.schedule table tbody td>ul>li.close a{color:#aaa;}
.schedule table tbody td>ul>li.close a:hover{color:#949494; text-decoration:line-through;}
.schedule table tbody td.close li a{color:#8e8e8e;}
.schedule table tbody td>ul.book>li{font-size:.9em;}
.schedule table tbody td>ul.book>li .part{display:inline-block; width:4rem;}
.schedule table tbody td>ul.book>li .remain{width:5.2rem;}
.schedule table tbody td>ul.sch_list{padding:1.5rem 0.7rem; text-align:left;}
.schedule table tbody td>ul.sch_list>li{font-size:0.8em;}
.schedule table tbody td>ul.sch_list>li span.tag{font-weight:bold;}
.schedule table tbody td>ul.sch_list>li div.con{display:none; position:absolute; left:0; margin-top:0.4rem; padding:5% 6%; ; width:88%; background:#eee; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,.5);}
.schedule table tbody td>ul.sch_list>li div.con>p.tit{padding-bottom:2rem; font-size:1.55em; color:#333; border-bottom:0.2rem solid #333; text-overflow:ellipsis; overflow:hidden;}
.schedule table tbody td>ul.sch_list>li div.con>ul{padding-bottom:0.3rem; border-bottom:0.1rem solid #aaa;}
.schedule table tbody td>ul.sch_list>li div.con>ul>li{padding:0.7rem 0.7rem 0.9rem; border-top:0.1rem dashed #ccc; white-space:normal;}
.schedule table tbody td>ul.sch_list>li div.con>ul>li:first-child{padding-top:1rem; border-top:0;}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p{padding:0.2rem; display:inline-block; vertical-align:top;}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q{min-width:10rem; font-weight:bold;}
.schedule table tbody td>ul.sch_list>li div.con p.close_con{margin-top:4rem; text-align:center;}
.schedule table tbody td>ul.sch_list>li div.con p.close_con a{display:inline-block; padding:1rem; width:12rem; background:#333; color:#fff; font-size:1.2em;}
.schedule_week{;}
.schedule_week dl.list{position:relative; padding:2rem 0; min-height:8rem; border-bottom:0.1rem solid #aaa;}
.schedule_week dl.list dt{position:absolute; left:0; top:3rem; text-align:center; width:10rem; font-size:2em; color:#333; line-height:100%;}
.schedule_week dl.list dt span{display:block; font-size:0.6em;}
.schedule_week dl.list dd{padding-left:12rem;}
.schedule_week dl.list dd>ul>li{position:relative; border-top:0.1rem dotted #ccc;}
.schedule_week dl.list dd>ul>li:first-child{border-top:0;}
.schedule_week dl.list dd>ul>li a{display:block; padding:0.8rem 16rem 1rem 13rem;}
.schedule_week dl.list dd>ul>li .time{position:absolute; left:0.5rem; top:0.7rem; width:10rem; font-size:1.13em; color:#666;}
.schedule_week dl.list dd>ul>li .tit{font-size:1.13em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.schedule_week dl.list dd>ul>li .place{display:inline-block; position:absolute; right:0; top:1rem; text-align:center; padding:0 1rem; min-width:7rem; max-width:13rem; color:#666; border:0.1rem solid #ddd; border-radius:5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:1rem; padding:3rem; background:#f0f0f0;}
.schedule_week .nodata{border-top:0;}

/*** 팝업페이지 ***/
.pop_page{padding-bottom:8rem;}
.pop_page .popTop{text-align:center; padding:3.5rem 5%; border-bottom:0.1rem solid #333;}
.pop_page .popTop p.tit{text-align:left; letter-spacing:-0.1rem; font-size:2.2rem; word-break:keep-all; color:#333;}
.pop_page .popTop p.tit_vote{text-align:center; letter-spacing:-0.1rem; font-size:3rem; word-break:keep-all; color:#333;}
.pop_page .popCon{padding:5% 7%;}
.pop_page .popCon ul.qalist>li{position:relative; padding:0.4rem 0; padding-left:15rem;}
.pop_page .popCon ul.qalist>li .q{position:absolute; left:0; width:14rem; font-size:1.7rem;}
.pop_page .popCon ul.qalist>li .blind{display:inline-block; position:relative; bottom:-0.5rem; text-align:center; width:40%; letter-spacing:0.2rem; font-size:1.2em; line-height:3rem;}
.pop_page .popTbox{margin-top:3rem; padding:2.5rem 2rem 3rem 2.5rem; border:0.4rem solid #ddd;}
.pop_page .popTbox .bfont{font-size:1.6rem;}
.pop_page .popTbox .list_info.bfont li{margin:0.3rem 0; font-size:1.6rem; letter-spacing:0;}
.pop_page .pop_close{position:fixed; bottom:0; width:100%;}
.pop_page .pop_close a,
.pop_page .pop_close input[type=submit]{display:block; text-align:center; padding:1.5rem 1rem 1.5rem; background:#333; color:#fff; font-size:1.8rem; font-weight:bold; border:0; width:100%; cursor:pointer;}



/*** 회원관련 ***/
.join_step{margin:50px auto; text-align:center; font-size:0px; }
.join_step li{display:inline-block; font-size:17px}
.join_step li:after{display:inline-block; content:''; margin:5px 20px 5px 10px; width:4px; height:4px; background:#ccc; border-radius:50px; box-shadow:7px 0px 0px #ccc}
.join_step li:last-child:after{display:none}
.join_step li span.num{display:inline-block; margin-right:5px; width:30px; line-height:30px; background:#eaeaea; border-radius:50px}
.join_step li.select{font-size:18px; font-weight:bold}
.join_step li.select:after{background:#333; box-shadow:7px 0px #333}
.join_step li.select span.num{width:35px; line-height:35px; background:#333; color:#fff}
/* 회원가입 */
.join{overflow:hidden}
.join li{float:left; margin:.35%; width:32.6%; border-top:3px solid #333}
.join li a{display:block; text-align:left; width:100%; padding:0px 4%; border:1px solid #ccc; border-top:none; box-sizing:border-box}
.join li a:hover{border-color:#333}
.join li a .tit{display:block; padding:35px 3% 35px 50%; font-size:1.55em; color:#333; line-height:130%; background-repeat:no-repeat; background-position:15% center}
.join li.ic01 a .tit{background-image:url(/museum/share/images/program/ic_join01.gif);}
.join li.ic02 a .tit{background-image:url(/museum/share/images/program/ic_join02.gif);}
.join li.ic03 a .tit{background-image:url(/museum/share/images/program/ic_join03.gif);}
.join li a .tit span{color:#939393}
.join li a .txt{display:block; position:relative; padding:15px 10px; line-height:150%; color:#333; border-top:1px solid #ddd; letter-spacing:-1px}
.join li a .txt:before,
.join li a .txt:after{display:block; content:''; position:absolute; right:9px; top:21px; width:12px; height:2px; background:#333; border-radius:10px; transform:rotate(45deg)}
.join li a .txt:after{top:29px; transform:rotate(-45deg)}
/* 실명인증 */
.realname{overflow:hidden}
.realname li{float:left; margin:.5%; width:49%; border-top:3px solid #333}
.realname li button{text-align:left; width:100%; padding:8% 3%; padding-left:33%; border:1px solid #ccc; border-top:none; background-color:#fff; background-repeat:no-repeat; background-position:12% center; word-break:keep-all }
.realname li button:hover{border-color:#333}
.realname li.ic01 button{background-image:url(/museum/share/images/program/ic_realname01.gif);}
.realname li.ic02 button{background-image:url(/museum/share/images/program/ic_realname02.gif);}
.realname li button .tit{display:block; font-size:1.55em; color:#333}
.realname li button .txt{display:block; margin-top:15px; padding-left:2px; line-height:150%; color:#484848; letter-spacing:-1px}
/* 가입완료 */
.membox{margin:7% auto 20px; padding:20px 0% 50px; width:90%; max-width:720px; background:#f5f5f5; border:3px solid #e3e3e3}
.password_txt{display:none; position:absolute; left:-320px; top:0px; width:260px; padding:20px; background:#333; border-radius:2px; color:#fff; font-size:12px; z-index:1; box-shadow:0px 1px 2px rgba(0,0,0,.5)}
.password_txt:After{display:block; content:''; position:absolute; top:25px; right:-10px; width:0px; height:0px; border:5px solid transparent; border-left-color:#333}
.password_txt span{display:block; margin-top:10px; padding:10px; background:#444}
.joinFinish{text-align:center; }
.joinFinish dl{display:inline-block; padding:40px 0px 40px 180px; background:url(/museum/share/images/program/ic_joinfinish.gif) no-repeat left center}
.joinFinish dl dt{font-size:1.4em; color:#333}
.joinFinish dl dd ul{text-align:left; margin-top:15px}
.joinFinish dl dd ul li span.wfont{letter-spacing:0px}
.joinFinish+p a.btn{padding:0px 40px}
/* 아이디찾기 */
.findedid{text-align:center; padding:150px 0px 60px; background:#f5f5f5 url(/museum/share/images/program/ic_password.gif) no-repeat center 50px}
.findedid p.txt{font-size:1.4em}
.findedid p.txt span{font-weight:bold; text-decoration:underline}
.findedid ul{margin:30px auto 0px; width:50%; min-width:300px}
.findedid ul>li{position:relative; border-bottom:1px solid #333}
.findedid ul>li input[type=text],
.findedid ul>li input[type=password]{padding:15px 2%; width:96%; font-size:1.2em; color:#333; border:0px; background:none}
.findedid ul>li input:focus+.password_txt{display:block}
.findid{padding:180px 0px 60px; background:#f5f5f5 url(/museum/share/images/program/ic_joinfinish.gif) no-repeat center 50px}
.findid ul{margin:0px auto; width:50%; min-width:300px}
.findid ul label{display:block; font-weight:bold; font-size:0.93em}
.findid ul>li{position:relative; margin-bottom:50px; border-bottom:1px solid #333}
.findid ul>li input[type=text],
.findid ul>li input[type=password]{padding:8px 2%; width:96%; font-size:1.2em; color:#333; border:0px; background:none; text-align:center}
.findid ul>li input[type=checkbox]{margin:20px 5px 20px 20px; width:16px; height:16px; vertical-align:middle}
.findid ul>li.tel input[type=text]{width:25%}
.findid img[src$='ic_cal.gif']{position:absolute; right:0px; top:35%}
.findid ul.chkList{padding:15px 0px; width:100%}
.findid ul.chkList li{margin-bottom:0px}
.findid ul.chkList label{display:inline-block}

/* 로그인 */
#contents .login{margin:7% auto 20px; padding:5% 1% 6%; width:85%; background:#f5f5f5; border:3px solid #e3e3e3; overflow:hidden}
#contents .login p.tit{float:left; text-align:center; margin-top:3%; padding-top:140px; width:48%; background:url(/museum/share/images/program/ic_login.gif) no-repeat center top; font-size:2.14em; color:#333}
#contents .login div.con{float:left; margin-left:2%; width:37%}
#contents .login div.con ul.login_form>li{position:relative}
#contents .login div.con ul.login_form>li input[type=text],
#contents .login div.con ul.login_form>li input[type=password]{padding:15px 2%; width:96%; font-size:1.2em; color:#333; border:0px; border-bottom:1px solid #333; background:none}
#contents .login div.con p.btn_login{margin-top:20px}
#contents .login div.con p.btn_login input[type=submit]{margin:0px; width:100%}
#contents .login div.con ul.btn_findid{text-align:right; margin-top:20px}
#contents .login div.con ul.btn_findid li{display:inline-block; position:relative; margin:0px 23px; letter-spacing:-1px}
#contents .login div.con ul.btn_findid li:After{display:block; content:''; position:absolute; top:6px; left:-14px; width:1px; height:14px; background:#aaa}
#contents .login div.con ul.btn_findid li:first-child:after{display:none}
#contents .login div.con ul.btn_findid li:last-child{margin:0px}
#contents .login div.con ul.login_form>li input:focus+.password_txt{display:block}
#contents .login02{margin:auto; width:90%; max-width:400px; overflow:hidden}
#contents .login02 p.tit{text-align:center; padding-top:120px; background:url(/museum/img/inc/head_login.svg) no-repeat center top/25%; font-size:2.3em; color:#333; font-family: var(--font-point); letter-spacing:1px}
#contents .login02 p.txt_ps{background:#f5f5f5; padding:30px; border-radius:10px; margin-top:30px; }
#contents .login02 ul.loginBtn{margin-top:40px}
#contents .login02 ul.loginBtn li{margin-top:10px}
#contents .login02 ul.loginBtn li button{width:100%; height:60px; border-radius:5px; font-family:'Noto Sans KR'; font-size:1.2em; color:#fff; border:0px}
#contents .login02 ul.loginBtn li.login_kakao button{background:#fae100; color:#333}
#contents .login02 ul.loginBtn li.login_naver button{background:#15c654; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
#contents .login02 ul.loginBtn li.login_phone button{background:#333;}
#contents .login02 ul.loginBtn li.login_phone button{background:#333;}
#contents .login02 ul.loginBtn li button span{display:inline-block; padding:3px 0px; padding-left:33px; background:url(/museum/img/sub/login_ic01.png) no-repeat left center/25px}
#contents .login02 ul.loginBtn li.login_naver button span{background-image:url(/museum/img/sub//login_ic02.png) }
#contents .login02 ul.loginBtn li.login_phone button span{background-image:url(/museum/img/sub//login_ic03.png) }
#contents .login02 ul.loginQna{margin-top:40px; padding-top:20px; border-top:2px solid #333}
#contents .login02 ul.loginQna li{position:relative; padding-left:25px}
#contents .login02 ul.loginQna li:before{display:inline-block; content:'?'; position:absolute; left:0px; top:3px;  text-align:center; vertical-align:middle; width:20px; height:20px; line-height:20px; background:#d72323; color:#fff; border-radius:5em; font-size:1.2em; font-weight:bold}


/*** 지도서비스 ***/
.map_service{position:absolute; left:3rem; top:3rem; width:36.5rem; background:#fff; border-radius:0.5rem; overflow:hidden; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,.2); z-index:1;}
.map_service div.map_search{border-bottom:0.1rem solid #ddd;}
.map_service div.map_search>div{position:relative; padding-right:7rem;}
.map_service div.map_search input[type=text]{padding-left:8%; width:92%; border:0; height:5rem; line-height:5rem; color:#777;}
.map_service div.map_search input[type=text]:focus{color:#333;}
.map_service div.map_search input[type=submit]{background:#fff; text-indent:-500rem; width:6rem; height:5rem; border:0;}
.map_service div.map_search .btn_search{position:absolute; right:0; top:0;}
.map_service div.map_search .btn_search:after,
.map_service div.map_search .btn_search:before{display:block; content:''; position:absolute; z-index:1;}
.map_service div.map_search .btn_search:after{left:0.9rem; top:1.3rem; width:1.6rem; height:1.6rem; border:0.3rem solid #d2d2d2; border-radius:6rem;}
.map_service div.map_search .btn_search:before{left:2.8rem; top:2.8rem; width:0.4rem; height:1rem; background:#d2d2d2; border-radius:0.4rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.map_service div.map_search input:after{display:block;}
.map_service ul.map_menu{padding:2rem 2rem 1.8rem; overflow:hidden;}
.map_service ul.map_menu>li{position:relative; float:left; padding:0.6rem 0; width:20%;}
.map_service ul.map_menu>li a{display:block; text-align:center; font-size:1.3rem; letter-spacing:-0.1rem;}
.map_service ul.map_menu>li a.list_tgl{position:absolute; left:0; top:0; width:100%; height:100%; z-index:102; font-size:0;}
.map_service ul.map_menu>li.bgoff a.list_tgl{display:none;}
.map_service ul.map_menu>li a:before{display:inline-block; content:''; width:4.5rem; height:4.5rem; border-radius:4.5rem; background-color:#eaeaea; transition:all ease .3s; background-repeat:no-repeat; background-position:center center; background-size: 4.5rem;}
.map_service ul.map_menu>li:nth-child(1) a:before{background-color:#fb8834;}
.map_service ul.map_menu>li:nth-child(2) a:before{background-color:#fdc121;}
.map_service ul.map_menu>li:nth-child(3) a:before{background-color:#7ec653;}
.map_service ul.map_menu>li:nth-child(4) a:before{background-color:#609f6a;}
.map_service ul.map_menu>li:nth-child(5) a:before{background-color:#61b9cc;}
.map_service ul.map_menu>li:nth-child(6) a:before{background-color:#5b93d3;}
.map_service ul.map_menu>li:nth-child(7) a:before{background-color:#62b899;}
.map_service ul.map_menu>li:nth-child(8) a:before{background-color:#828fe1;}
.map_service ul.map_menu>li:nth-child(9) a:before{background-color:#be77d5;}
.map_service ul.map_menu>li:nth-child(10) a:before{background-color:#f56882;}
.map_service ul.map_menu>li:nth-child(11) a:before{background-color:#e873c6;}
.map_service ul.map_menu>li.ic_food a:before{background-image:url(/museum/share/images/program/ic_map_food.png);}
.map_service ul.map_menu>li.ic_stay a:before{background-image:url(/museum/share/images/program/ic_map_stay.png);}
.map_service ul.map_menu>li.ic_park a:before{background-image:url(/museum/share/images/program/ic_map_park.png);}
.map_service ul.map_menu>li.ic_market a:before{background-image:url(/museum/share/images/program/ic_map_market.png);}
.map_service ul.map_menu>li.ic_bank a:before{background-image:url(/museum/share/images/program/ic_map_bank.png);}
.map_service ul.map_menu>li.ic_culture a:before{background-image:url(/museum/share/images/program/ic_map_culture.png);}
.map_service ul.map_menu>li.ic_school a:before{background-image:url(/museum/share/images/program/ic_map_school.png);}
.map_service ul.map_menu>li.ic_medical a:before{background-image:url(/museum/share/images/program/ic_map_medical.png);}
.map_service ul.map_menu>li.ic_facility a:before{background-image:url(/museum/share/images/program/ic_map_facility.png);}
.map_service ul.map_menu>li.ic_welfare a:before{background-image:url(/museum/share/images/program/ic_map_welfare.png);}
.map_service ul.map_menu>li.ic_sports a:before{background-image:url(/museum/share/images/program/ic_map_sports.png);}
.map_service ul.map_menu>li.ic_library a:before{background-image:url(/museum/share/images/program/ic_map_library.png);}
.map_service ul.map_menu>li.ic_other a:before{background-image:url(/museum/share/images/program/ic_map_other.png);}
.map_service ul.map_menu>li.bgoff a:before{background-color:#eaeaea;}
.map_service ul.map_menu>li.ic_food.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_food_off.png);}
.map_service ul.map_menu>li.ic_stay.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_stay_off.png);}
.map_service ul.map_menu>li.ic_culture.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_culture_off.png);}
.map_service ul.map_menu>li.ic_market.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_market_off.png);}
.map_service ul.map_menu>li.ic_bank.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_bank_off.png);}
.map_service ul.map_menu>li.ic_park.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_park_off.png);}
.map_service ul.map_menu>li.ic_school.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_school_off.png);}
.map_service ul.map_menu>li.ic_medical.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_medical_off.png);}
.map_service ul.map_menu>li.ic_facility.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_facility_off.png);}
.map_service ul.map_menu>li.ic_welfare.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_welfare_off.png);}
.map_service ul.map_menu>li.ic_sports.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_sports_off.png);}
.map_service ul.map_menu>li.ic_library.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_library_off.png);}
.map_service ul.map_menu>li.ic_other.bgoff a:before{background-image:url(/museum/share/images/program/ic_map_other_off.png);}
.map_service ul.map_menu>li a span{display:block;  display:flex; align-items:center; justify-content:center; margin-top:-0.8rem; height:3.5rem; line-height:130%;}
.map_service p.list_close{position:absolute; right:1rem; top:1.2rem; z-index:102;}
.map_service p.list_close a{display:block; padding:0.2rem 1rem 0.5rem 2rem; background:#fff; font-size:1.3rem;}
.map_service p.list_close a:after{display:block; content:''; position:absolute; left:0.7rem; top:0.8rem; width:0.7rem; height:0.5rem; border-top:0.1rem solid #333; border-bottom:0.1rem solid #333;}
.map_service p.list_close a:before{display:block; content:''; position:absolute; left:0.7rem; top:1.1rem; width:0.7rem; height:0.1rem; background:#333;}
.map_service div.map_result{max-height:55rem; overflow-y:auto;}
.map_service div.map_result ul.depth{padding:1.5rem 3rem; border-top:0.1rem solid #ddd;}
.map_service div.map_result ul.depth>li{display:inline-block; position:relative;}
.map_service div.map_result ul.depth>li:before{display:inline-block; content:'>'; margin:0 0.6rem 0 0.2rem; font-size:1rem; color:#aaa; font-family:gulim;}
.map_service div.map_result ul.depth>li:first-child:before{display:none;}
.map_service div.map_result ul.depth>li a{font-size:1.2rem; color:#888;}
.map_service div.map_result ul.depth>li:first-child a{padding-left:1.4rem; background:url(/museum/share/images/program/ic_map_reset.png) no-repeat left 0.35rem / 1.3rem; font-weight:bold;}
.map_service div.map_result ul.list{margin:0 3rem; padding-bottom:2.5rem; border-top:0.1rem solid #eee;}
.map_service div.map_result ul.list>li{position:relative; padding:0.8rem 5rem 0.8rem 1rem; border-top:0.1rem dashed #ddd; line-height:140%;}
.map_service div.map_result ul.list>li:after{position:absolute; content:''; position:absolute; top:1.6rem; left:0.2rem; width:0.3rem; height:0.3rem; background:#ddd;}
.map_service div.map_result ul.list>li a{display:inline-block; font-size:1.4rem; letter-spacing:-0.1rem;}
.map_service div.map_result ul.list>li span{position:absolute; right:0.3rem; top:24%; text-align:center; padding:0.2rem 0.5rem 0.3rem; width:3.5rem; background:#eaeaea; border-radius:3rem; line-height:1.5rem;}
.map_service div.map_result ul.list>li:first-child{border-top:0;}
.map_service div.map_result p.noresult{text-align:center; padding:2rem 0 2rem; border-top:0.1rem solid #ddd; font-weight:bold;}
.map_service div.map_result p.noresult a{display:inline-block; padding:0 1.5rem 0.2rem; background:#777; color:#fff; font-size:1.4rem; border-radius:6rem;}

/*** 결제창경고 ***/
.warning{width:50rem; margin:15% auto 0; padding-top:10rem; text-align:center; background:url(/museum/share/images/program/ic_warning.gif) no-repeat center top / 11.2rem;}
.warning p{margin-bottom:2rem; font-size:2.2rem;}
.warning .code{font-size:3rem; font-weight:bold; color:#0072ff;}

/*** 프로그램신청 ***/
.request_tit{position:relative; border-bottom:0.2rem solid #333;}
.request_search_box{position:relative;}
.request_search_box h4{display:inline-block; padding-bottom:1rem;}
.request_search_box .request_search_btn{position:absolute; left:21rem; top:-0.3rem; width:4rem; height:4rem; background:url(/museum/img/contents/ic_search.png) no-repeat left top; background-size: 4rem; text-indent:-500rem; font-size:0; transition:.3s;}
.special .request_search_box .request_search_btn{left:14rem; transition:.3s;}
.request_search_box .request_search_btn.on{left:43.5rem; background-image:url(/museum/img/contents/ic_search_close.png); z-index:9; transition:.3s;}
.special .request_search_box .request_search_btn.on{left:36.5rem; transition:.3s;}
.request_search_box .request_search{position:absolute; left:21rem; top:-0.3rem; width:0; height:4rem; border-radius:10rem; background:#eee; opacity:0; z-index:-999; transition:.3s;}
.special .request_search_box .request_search{left:14rem;}
.request_search_box .request_search.on{width:26.5rem; opacity:1; z-index:1;}
.request_search_box .request_search input[type=submit]{position:absolute; right:4.5rem; top:0; width:4rem; height:4rem; background:url(/museum/img/contents/ic_search_on.png) no-repeat left top; background-size: 4rem; border:none; text-indent:-500rem; font-size:0; opacity:0; transition:.3s;}
.request_search_box .request_search.on input[type=submit]{opacity:1;}
.request_search_box .request_search input[type=text]{width:100%; height:100%; padding:1.5rem 9rem 1.2rem 2rem; border:none; background:none;}
.request_tab{position:absolute; right:0; bottom:0; display:flex;}
.request_tab li{position:relative; min-width:14rem;}
.request_tab li:before{content:''; position:absolute; left:0; top:1.5rem; width:0.1rem; height:2rem; background-color:rgba(0, 0, 0, 0.3);}
.request_tab li:first-child:before, .request_tab .select+li:before{display:none;}
.request_tab li.select a{color:#fff; border-radius:0.7rem 0.7rem 0 0; background-color:#064B72;}
.request_tab a{display:block; text-align:center; padding:1.5rem 1rem 0.8rem 1rem; font-size:1.8rem;}
.board_list ul.request{/* display:flex; gap:6rem 3%; justify-content:space-between; flex-wrap:wrap; */ padding:3rem 2rem; width:100%; border-top:none;}
.board_list ul.request>li{/* flex:1 1 auto; */ width:22.75%; margin:1.5% 3% 1.5% 0; box-shadow:none;}
.board_list ul.request>li p.img{height:24rem; border-radius:0.8rem;}
.board_list ul.request>li p.tag_state{position:absolute; right:1.5rem; top:1.5rem; text-align:center; padding: 0.4rem 0 0; width: 7rem; font-size: 1.4rem; 	border-radius:0.3rem;}
.board_list ul.request>li p.bg_rd{background-color:#DA2A2A; border-color:#DA2A2A;}
.board_list ul.request>li div.con{padding:0 0.5rem; border:none;}
.board_list ul.request>li div.con p.tit{padding-bottom:1.5rem; height:6.9rem; color:#222; font-size:1.8rem; white-space:normal; overflow:hidden; line-height:1.5;}
.board_list ul.request>li div.con .bl04>li{margin-bottom:0; color:#666; font-size:1.4rem; letter-spacing:0;}

/*포토스와이퍼*/
.swiper-slide {
	text-align: center;
	font-size: 1.8rem;
	background: #fff;
	/* Center slide text vertically */`
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/* .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
} */
.swiper {
	width: 100%;
	height: 30rem;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.mySwiper2 {
	height: 80%;
	width: 100%;
	border-radius: 0.7rem;
	overflow:hidden;
}
.mySwiper {
	height: 16.5%;
	box-sizing: border-box;
	padding-top:1rem;
}
.mySwiper .swiper-slide {
	position:relative;
	width: 25%;
	height: 100%;
	opacity: 0.4;
	border-radius:0.7rem;
	overflow:hidden;
}
.mySwiper .swiper-slide:after {content:''; display: block; position: absolute; left:0; top:0; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,.1); box-sizing:border-box;}
.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-slide img {
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}


.request_view{display:flex; gap:5%; width:100%; position:relative;}
.photo_slide.ver02{flex:1 1 auto; text-align:left; margin-top:0; height:52.5rem; border-radius:0.7rem; overflow:hidden;}
.photo_slide.ver02 p.photo{text-align:center; height:100%; max-height:42.5rem; margin-bottom:10rem; border-radius:0.7rem; overflow:hidden; background-color:#F0F0F0;}
.photo_slide.ver02 p.photo img{height:100%;}
.photo_slide.ver02 .list_box{bottom:0; height:8rem; padding:1.5rem 3rem; border-radius:0.7rem; background-color:#F0F0F0;}
.photo_slide.ver02 .list_box .list{height:100%; margin:auto;}
.photo_slide.ver02 .list_box .list>ul{display:flex; gap:0.5rem; justify-content:center;}
.photo_slide.ver02 .list_box .list>ul>li{width:100%; height:5rem; max-width:7.9rem;}
.photo_slide.ver02 .list_box .list>ul>li:first-child{margin-left:0;}
.photo_slide.ver02 .list_box .list>ul>li.on{border:0.3rem solid #000;}
.photo_slide.ver02 .list_box>a{position:absolute; top:4rem; width:2rem; height:2rem; border:0.1rem solid #aaa; border-radius:0; border-width:0.1rem 0 0 0.1rem; background:none;}
.photo_slide.ver02 .list_box .prev{left:3rem; transform:rotate(315deg);}
.photo_slide.ver02 .list_box .next{right:3rem; transform:rotate(135deg);}
.request_view_photo{flex-basis:49.635%; height:67rem; overflow:hidden;}
.request_view .con{position:relative; flex-basis:46%; padding-bottom:6rem;}
.request_view .con .cate{min-height:5rem; padding-bottom:2rem; font-size:0; border-bottom:0.1rem solid #ccc;}
.request_view .con .cate span{display:inline-block; padding:0.5rem 2rem 0 2rem; margin-right:0.5rem; font-size:1.4rem; border-radius:3.3rem; border:0.1rem solid #333;}
.request_view .con .tit{margin:3rem 0 0.5rem; font-size:2.8rem; font-weight:bold;}
.request_view .con .txt{font-size:1.8rem;}
.request_view_list{margin-top:3.5rem;}
.request_view_list dl{display:flex; margin-bottom:1rem;}
.request_view_list dl dt{flex-shrink:0; width:9rem; color:#064B72; font-weight:bold;}
.request_view_list dl dd{flex-grow:1; font-size:1.5rem;}
.request_view_list.row dl{display:block;}
.request_view_list.row dt{width:auto; margin-bottom:1rem;}
.bookmark_move{position:absolute; top:0; display:flex; max-width:100%; width:100%; border-bottom:0.1rem solid #ccc; background:#fff; z-index:1;}
.bookmark_move.fix{position:fixed; top:0;}
.bookmark_move>li{flex-basis:12rem;}
.bookmark_move a{display:block; text-align:center; margin-bottom:-0.1rem; padding:1.5rem 0; color:#bbb; font-size:1.7rem; white-space:nowrap;}
.bookmark_move a.on{color:#222; font-weight:500; border-bottom:0.2rem solid #222;}
.request_view_detail{position:relative; margin-top:7rem; padding-top:6rem;}
.request_view_detail>div{padding:3%;}
.target-hide{margin-top:-5rem; padding-top:6rem;}
.request_view_detail .request_view_list:first-child{margin-top:0;}
.request_view_detail .request_view_list dl{padding-top:1.5rem; border-top:0.1rem solid #eee;}
.request_view_detail .request_view_list dl:first-child{border-top:none;}
.request_view_detail .request_view_list.row dd{border-bottom:0;}
.request_view_list #map{height:40rem;}
.request_view .view_btn{position:absolute; bottom:0; width:100%; display:flex; gap:1%; z-index:11;}
.request_view .view_btn a{flex-grow:1;}
.request_view .view_btn a.btn-blue{flex-basis:60%;}
.view_btn{text-align:center;}
.view_btn>a{display:inline-block; text-align:center; padding:1.5rem 1rem 1rem 1rem; min-width:18rem; font-size:1.9rem; border-radius:0.5rem;}
.view_btn a.btn-white{border:0.1rem solid #ccc;}
.view_btn a.btn-blue{color:#fff; background:#064B72;}
.layer_con{display:none; position:fixed; left:0; top:0; text-align:left; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:50;}
.layer_box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:39rem; max-width:90%; padding:3rem 3.5rem; border-radius:1rem; background:#fff;}
.share_ttl{font-size:2.4rem; font-weight:600; color:#222;}
.share_txt{margin:0.5rem 0 2.5rem; font-size:1.5rem; color:#888;}
.layer_con select{width:100%; margin:1rem 0; padding:1rem; font-family:'Malgun Gothic', '맑은고딕';  border-color:#e6e6e6; border-radius:0.3rem;}
.layer_con .layer_con-close{position:absolute; right:3rem; top:2.8rem; width:3rem; height:3rem;}
.layer_con .layer_con-close:before, .layer_con .layer_con-close:after{display:block; content:''; position:absolute; left:auto; right:0.3rem; top:50%; width:85%; height:0.2rem; background:#000; box-shadow:none;}
.layer_con .layer_con-close:before{transform:rotate(-45deg);}
.layer_con .layer_con-close:after{transform:rotate(45deg);}

.archive_search{padding:4rem; margin-bottom:1rem; border: 0.3rem solid #ddd; border-radius:0.5rem;}
.archive_search div{padding-left:2.5rem; padding-right:2.5rem;}
.archive_search dl dt *{display:inline-block; font-weight:bold;}
.archive_search div.text dl{display:flex; align-items:center; gap:1.5rem;}
.archive_search div.text label{display:none; text-indent:-500rem;}
.archive_search div.text dl dt{flex:0 0 20rem;}
.archive_search div.text dl dt select{margin:0.2rem 0; padding:0 3rem 0 1rem; width:100%; min-width:18rem; height:5.2rem; font-size:1.8rem;  line-height:5.2rem; border:0.1rem solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:#fff url(/museum/share/images/program/select_arr.gif) no-repeat right 1.3rem center / 1.1rem;}
.archive_search div.text dl dd{flex:1 1 auto; display:flex; align-items:center; gap:3rem;}
.archive_search div.text dl input[type=text]{padding:0.5rem 1rem; width:100%; height:5.2rem; border:none; background:#f7f7f7;}
.archive_search div.text dl input[type=submit]{flex:0 0 4rem; width:4rem; height:4rem; border:none; background:url(/museum/img/contents/ic_search.png) no-repeat center / 4rem; font-size:0; text-indent:-500rem;}
.archive_search div.check{display:flex; padding-top:3rem; margin-top:3rem; border-top:0.1rem solid #ddd;}
.archive_search div.check dl{flex:1 1 auto;}
.archive_search div.check dl dt{margin-bottom:1.5rem;}
.archive_search div.check dl dt *{font-size:2rem;}
.archive_search div.check dl dd li{ display: flex; gap: 1rem; margin-top:1rem; font-size:1.6rem;}
.archive_search div.check dl dd li input[type=checkbox]{position: static !important; vertical-align:top; margin: 0.2rem 0 0 0 !important; width:1.6rem !important; height:1.6rem !important; background:#D9D9D9; border:none !important; clip: unset !important;}
.archive_search div.check dl.long{flex-basis:40%;}
.archive_search div.check dl.long dd ul{display:flex; flex-wrap:wrap; gap:1rem;}
.archive_search div.check dl.long dd li{flex-basis:calc(25% - 1rem); margin-top:0;}
.archive_search div.check dl.long dd li.long{flex-basis:100%;}
.board_list ul.archive{display:flex; flex-wrap:wrap; margin-top:3rem; padding-bottom:6rem; border-bottom:0.2rem solid #333333;}
.board_list ul.archive li{flex:0 0 calc(20% - 5rem); max-width:24rem; padding:3rem; border-top:0.1rem dashed #DDDDDD; border-left:0.1rem dashed #DDDDDD; box-sizing:content-box;}
.board_list ul.archive li .img{position:relative; height:18rem; border-radius:0.8rem; overflow:hidden;}
.board_list ul.archive li .img img{position:absolute; left:50%; min-height:100%; z-index:1; transform:translateX(-50%);}
.board_list ul.archive li .tag{margin-top:1.5rem; color:#666;}
.board_list ul.archive li .tit{margin-top:1.3rem; color:#222; font-size:1.8rem;}
.board_list ul.archive li .txt{margin-top:0.5rem; color:#666; font-size:1.4rem;}
.archive_view{display:flex; gap:4%; padding-bottom:6rem; margin-bottom:2rem; border-bottom:0.1rem solid #AAAAAA;}
.archive_view .con{flex:0 0 38%;}
.archive_view .con .tit{margin-bottom:3rem; padding-top:1rem; padding-bottom:2rem; border-bottom:0.2rem solid #333333;}
.archive_view .con .tit>span{display:inline-block; margin-bottom:1rem; color:#999; font-weight:bold; font-size:1.5rem;}
.archive_view .con .tit>p{ color:#000; font-size:3.5rem; line-height:130%;}
.archive_view .con .view_list dl{display:flex; align-items:center; gap:1.5rem; margin-bottom:0.5rem;}
.archive_view .con .view_list dl dt{flex:0 0 11rem; text-align:center; padding-top:0.5rem; border-radius:0.3rem; border:0.1rem solid #CCCCCC;}
.archive_view .con .tag{margin-top:3rem; word-break:keep-all;}
.archive_view .con .txt{margin-top:3rem; word-break:keep-all;}
.relicOpen{contain:content;}
.relicOpen>div{float:left;}
.relicOpen>div:last-child{float:right;}


/*******************************************************************************************************************/

@media screen and (min-width:901px){
	.dp_mb{display:none;}
	.board_list ul.request>li:nth-child(4n){margin-right:0;}
	.board_list ul.archive li:nth-child(-n+5){padding-top:0; margin-top:0; border-top:none;}
	.board_list ul.archive li:nth-child(5n+1){padding-left:0; border-left:none;}
	.board_list ul.archive li:nth-child(5n){padding-right:0;}
}

@media screen and (max-width:1280px){
	.board_list ul.photoList li p.img{height:19rem;}
	.board_list .etcList>li p.tit{height:5.5rem;}
	.board_list .surveyList>li p.tit{height:5.5rem;}
}

@media screen and (max-width:900px){
	.dp_pc{display:none;}
	.dp_pc_force{display:none !important;}	
	.btnBox{margin-top:4rem; text-align:center;}
	.search{padding:3.5% 0%;}
	.search select{width:25%;}
	.search .word{padding-right:8.5rem; width:58%; min-width:14rem;}
	.search input[type=submit]{width:8rem;}
	.search .field_gyeyak{padding:0% 4%;}
	.search .field_gyeyak li{float:none; width:100% !important;}
	.search .field_gyeyak li:first-child dl{float:left; width:40%;}
	.search .field_gyeyak li:first-child dl:first-child{width:60%;}
	.search .field_gyeyak li:last-child dl{width:33% !important; margin-left:.3%;}
	.search .field_gyeyak dl{padding-left:0;}
	.search .field_gyeyak dl dt{position:static; text-align:left;}
	.search .field_array li{width:100%;}
	ul.list_info.col2 li{float:none; width:100%;}
	.board_list{margin-top:2rem;}
	.board_list ul.generalList>li p{float:none; padding-left:0.5rem; width:100%;}
	.board_list ul.generalList>li div.writer_info{float:none; margin-top:1rem; width:100%;}
	.board_list ul.generalList>li div.writer_info ul{text-align:left;}
	.board_list ul.generalList>li div.writer_info ul li{color:#888; font-size:.9em;}
	.board_list ul.generalList>li div.writer_info ul li.writer{padding-left:1rem; width:auto;}
	.board_list table.general_board thead{display:none;}
	.board_list table.general_board,
	.board_list table.general_board tbody,
	.board_list table.general_board tr,
	.board_list table.general_board td{display:block;}
	.board_list table.general_board tbody tr:first-child{border-top:0.2rem solid #333;}
	.board_list table.general_board tbody td{display:inline-block; padding:0.5rem 1rem 0.5rem 0;}
	.board_list table.general_board tbody td:first-child,
	.board_list table.general_board tbody td:last-child{position:absolute; left:-999rem; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1;} /*숨김*/
	.board_list table.general_board tbody td.title{max-width:100%; width:100%; padding:1rem 0 0 1rem;}
	.board_list table.general_board tbody td.title a{width:90%; font-size:1.5rem; font-weight:bold;}
	.board_list table.general_board tbody img{position:relative; top:0.5rem; left:1rem; padding-right:0.5rem;}
	.board_list ul.lecList>li{width:100%; margin:0.3rem 0;}
	.board_list ul.lecList>li:nth-child(2):after{display:none;}
	.board_list ul.lecList>li.close *{color:#aaa;}
	.board_list ul.lecList>li>div{padding:1rem 1.5rem 1.5rem; border-width:0 0 0.1rem 0;}
	.board_list ul.lecList>li .tag_state{top:1.5rem; right:1.5rem; min-width:6rem;}
	.board_list ul.lecList>li ul{margin-top:0.8rem;}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:1.5%; width:47%;}
	.board_list ul.photoList>li p.img{height:17rem;}
	.board_list ul.photoList>li div.con p.tit{font-weight:bold;}
	.board_list ul.galleryList>li p.img{width:40%; margin-right:4%; height:16rem;}
	.board_list ul.galleryList>li p.img img{min-height:16rem;}
	.board_list ul.galleryList>li div.con{width:55%; height:auto; min-height:12rem;}
	.board_list ul.ebookList{white-space:nowrap; overflow-x:auto;}
	.board_list ul.ebookList>li{float:none; display:inline-block; vertical-align:top; border:0; box-shadow:none; width:21rem;}
	.board_list ul.ebookList>li:before{display:none;}
	.board_list ul.ebookList>li p.img{float:none; padding:0; width:100%; max-height:28.4rem; border:0;}
	.board_list ul.ebookList>li p.img img{min-height:27rem;}
	.board_list ul.ebookList>li div.con{float:none; padding:1rem 0.5rem; width:100%; height:auto; min-height:auto;}
	.board_list ul.ebookList>li div.con:before{display:none;}
	.board_list ul.ebookList>li div.con p.tit{height:auto; white-space:normal;}
	.board_list ul.ebookList>li div.con ul.ebook_btn{position:static; margin-top:1rem; width:100%;}
	.board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:3.5rem; background-position:0.5rem center;}
	.board_list .etcList>li{float:none; width:100%;}
	.board_list .etcList>li:nth-child(even){float:none;}
	.board_list .etcList>li:nth-child(2){border-top:0.1rem solid #ddd;}
	.board_list .etcList>li p.tit{margin-bottom:1rem; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.board_list .surveyList>li{float:none !important; padding:2rem; width:100%;}
	.board_list .surveyList>li:nth-child(2){border-top:0;}
	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333;}
	.board_list .surveyList>li p.tit{margin-top:0.3rem; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.board_list .oneList.haveBtn>li div.con{padding-right:0;}
	.board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:2rem; padding:1.5rem 1rem 0.3rem; border-top:0.1rem dashed #ccc;}
	.board_list .oneList>li div.con ul.oneList_btn li{display:inline-block;}
	.board_list .oneList>li div.con ul.oneList_btn li	.tag_txt{margin-right:0;}
	.data_list>li.col2 dl{float:none; width:100%; border-top:0.1rem dotted #ccc;}
	.data_list>li.col2 dl:first-child{border-top:0;}
	.add_file dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:1.5rem;}
	.add_file dl>dt,
	.data_list>li dl dt{width:8rem;}
	.add_file .alldown{right:1rem; top:1rem;}
	.photoView p{height:20rem;}
	.photoView p img{max-height:20rem;}
	.contact>div.map{height:20rem; overflow:hidden;}
	.contact>div.map_info ul{margin-top:1rem;}
	.contact>div.map_info ul li{font-size:1.4rem;}
	.contact>div.map_info ul li:After{top:1rem;}
	.ebook_view{overflow:hidden;}
	.ebook_view .tit{padding-bottom:2rem; margin-bottom:2rem;}
	.ebook_view .tit .txt{font-size:2em;}
	.ebook_view .tit .btnList{display:none;}
	.ebook_view div.summary{float:none; width:100%;}
	.ebook_view div.summary .photo{margin:auto; width:80%;}
	.ebook_view div.detail{float:none; margin-top:4rem; width:100%;}

	.product>li{width:48%;}
	.product_view:after{display:block; content:''; clear:both;}
	.product_view div.photo{float:none; margin-left:10%; width:80%;}
	.product_view div.info{float:none; margin-top:2rem; width:100%; min-height:auto;}
	.board_view div.note>dl{padding-left:0;}
	.board_view div.note>dl>dt{position:relative; top:2rem; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0; text-align:center;}
	.board_view div.note>dl>dd div{padding:0 0.5rem; line-height:2.7rem;  background-image:url(/museum/share/images/program/note_line2.gif); background-size: 0.2rem;}
	.board_view div.note>dl>dd div *{line-height:2.7rem;}
	.comment div.comment_writer ul li{width:32%;}
	.comment div.comment_form{padding-right:10rem;}
	.comment div.comment_form input[type=submit]{width:10rem;}
	.board_write ul li dl{display:block;}
	.board_write ul li dl dt{display:block; width:100%;}
	.board_write ul li dl dd{display:block;}
	.board_reply>div{padding:3rem 2.5rem;}
	.survey_frame>ul>li{padding:3rem;}
	.survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden;}
	.survey_frame .a_img li img{height:10rem;}
	.survey_frame .a_img li>p{float:left; width:50%;}
	.survey_frame .a_img li>p.txt{padding-left:2%; width:48%;}
	.other_con{margin-top:5rem;}
	.other_con li{padding-left:10rem;}
	.other_con span{width:10rem;}
	.schedule div.month{width:26rem; margin:0;}
	.schedule div.month p{margin-bottom:0; font-size:2.5em;}
	.schedule div.month ul li{top:-0.5rem;}
	.schedule table thead th{display:none;}
	.schedule table tbody td{display:none; position:relative; width:100%; border:0; height:auto; border-bottom:0.1rem dashed #ccc;}
	.schedule table tbody td.mbView{display:block;}
	.schedule table tbody tr td:first-child{border-bottom:0.2rem solid #333;}
	.schedule table tbody td p.date{font-weight:bold; padding:0.7rem 3rem 0.2rem 2rem; text-align:left; width:100%; height:auto; border:0;}
	.schedule table tbody td p.open_list{position:absolute; left:10rem; top:0; z-index:1;}
	.schedule table tbody td.close .open_list{display:none;}
	.schedule table tbody td p.open_list a{display:block; padding:1.5rem 2.2rem 0.3rem 0; height:4.5rem;}
	.schedule table tbody td p.open_list a:after{display:block; content:''; position:absolute; right:1rem; top:1.9rem; width:0.5rem; height:0.5rem; border:0 solid #aaa; border-width:0 0.2rem 0.2rem 0; border-radius:0.2rem; transform:rotate(-45deg);}
	.schedule table tbody td ul{padding:0.5rem 2rem 1rem;}
	.schedule table tbody td>ul>li.close a{text-decoration:line-through;}
	.schedule table tbody td>ul.book{position:relative; padding:0 2rem;}
	.schedule table tbody td>ul.book.vview{padding:2rem;}
	.schedule table tbody td>ul.book:after{display:block; content:''; clear:both;}
	.schedule table tbody td>ul.book:before{display:block; content:''; position:absolute; right:2rem; top:-3.2rem; width:1rem; height:1rem; border:0.2rem solid #333; border-width:0 0.2rem 0.2rem 0; transform:rotate(45deg);}
	.schedule table tbody td>ul.book>li{display:none; float:left; width:46%; margin:0 2%; min-width:9rem;}
	.schedule table tbody td>ul.sch_list>li div.con{position:static;}
	.schedule_week dl.list{padding:3rem 0;}
	.schedule_week dl.list dt{position:relative; top:0; text-align:center; padding:0.5rem 1rem; width:10rem; font-size:1.8rem; font-weight:bold; color:#fff; background:#484848; border-radius:6rem;}
	.schedule_week dl.list dt span{display:inline; padding-left:0.5rem; font-weight:normal;}
	.schedule_week dl.list dd{padding-top:1rem; padding-left:0.5rem;}
	.schedule_week dl.list dd>ul>li a{padding:0.8rem 0;}
	.schedule_week dl.list dd>ul>li .time{display:none;}
	.schedule_week dl.list dd>ul>li .tit{;}
	.schedule_week dl.list dd>ul>li .place{display:none;}
	.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:1rem; padding:3rem; background:#f0f0f0;}
	
	.join_step li{font-size:1.6rem !important;}
	.join_step li:after{margin:0.5rem 1.5rem 0.5rem 0.5rem;}
	.join_step li span.txt{display:none;}
	.join_step li span.num{margin-right:0; width:2.7rem !important; line-height:2.7rem !important;}
	.join_step li.select span.num{margin-right:0.5rem;}
	.join_step li.select span.txt{display:inline-block;}
	.realname{border-top:0.3rem solid #333;}
	.realname li{margin:0%; width:100%; border-top:0;}
	.realname li button{background-position:9% center; border-left:0; border-right:0;}
	.join li{margin:0% 0% 2rem; width:100%; border-top:0.3rem solid #333;}
	.joinFinish{text-align:center; margin:4rem auto 6rem; padding:0; max-width:100%; background:none; border:0;}
	.joinFinish dl{display:inline-block; padding:13rem 0 0; background-position:center  top;}
	#contents .login{padding:5%; width:85%; border:0; background:none;}
	#contents .login p.tit{float:none; margin-top:3rem; width:100%;}
	#contents .login div.con{float:none; margin:8% auto; width:80%;}
	#contents .login{border:0; background:none;}
	#contents .login02{word-break:break-all;}
	#contents .login02 p.tit{text-align:left; padding-top:2rem; background:none;}
	#contents .login02 ul.loginBtn{margin-top:3rem;}
	.password_txt{position:relative; padding:2rem; width:auto; left:0; top:0;}
	.password_txt:After{top:-1rem; left:3.5rem; border-left-color:transparent; border-bottom-color:#333;}
	.map_service{position:static; width:auto; background:transparent; border-radius:0; overflow:visible; box-shadow:none;}
	.map_service div.map_search{position:fixed; padding:2rem; padding-left:10rem; width:100%; border-bottom:0; box-sizing:border-box; z-index:101;}
	.map_service div.map_search>div{background:#fff; border-radius:0.5rem; overflow:hidden; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,.5) ;}
	.map_service ul.map_menu{position:absolute; padding:2rem 0.5rem 1.8rem; width:8rem; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0 0 0.2rem rgba(0,0,0,.2);}
	.map_service ul.map_menu>li{float:none; padding:0 0; width:auto;}
	.map_service div.map_result{position:absolute; padding-left:8rem; max-height:100%; height:100%; width:100%; background:#fff; z-index:101;}
	.map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar{width:0.2rem;}
	.map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb{background:#ccc;}
	.map_service div.map_result p.noresult{padding-top:20%;}
	.map_service div.map_result p.noresult span{display:block; margin-bottom:0.5rem;}
	.status{height:40rem;}
	.status .list_box{padding:2rem 0;}
	.status .list_box>p{font-size:1.8rem;}
	.status .list_box .list{width:75%;}
	.status .list_box .list>ul>li{width:32.3%; height:7rem;}
	.status .list_box>a{bottom:4rem; width:4rem; height:4rem;}

	.request_tit{padding-bottom:7rem;}
	.request_tit+.board_list{margin-top:0;}
	.request_tab{left:0;}
	.request_tab li{min-width:unset; flex-grow:1;}
	.request_tab li a{padding-top:0.8rem; padding-bottom:0.8rem; border-radius:0.3rem 0.3rem 0 0;}
	.request_tab li:before{top:0.9rem; height:1.5rem;}
	.board_list ul.request{padding:3rem 0; row-gap:3rem;}
	.board_list ul.request>li{width:calc(100% - 3%); border-bottom:0.1rem solid #ddd; overflow: hidden;}
	.board_list ul.request>li p.tag_state{padding:0.4rem 0;}
	.board_list ul.request>li p.img{float:left; width:13rem; height:16rem;}
	.board_list ul.request>li .con{float:right; width:calc(100% - 15rem);}
	.board_list ul.request>li p.tag_state{ right:0;}
	.board_list ul.request>li div.con p.cate{margin-top:0; margin-bottom:1rem;}
	.bookmark_move{left:0; right:0; z-index:99;}
	.request_view{flex-direction:column; gap:3rem;}
	.request_view_detail{margin-top:0;}
	.request_view_detail>div{padding:6% 5%;}
	.photo_slide.ver02{height:40rem;}
	.photo_slide.ver02 p.photo{max-height:30rem;}
	.archive_search{padding:2rem 1.5rem;}
	.archive_search div.text{padding-left:1rem; padding-right:1rem;}
	.archive_search div.text dl{flex-direction:column; align-items:flex-start; gap:1rem;}
	.archive_search div.text dl dt{flex-basis:auto;}
	.archive_search div.text dl dd{gap:1rem; width:100%;}
	.archive_search div.check{flex-direction:column; gap:2rem; padding-left:1rem; padding-right:1rem;}
	.archive_search div.check dl{display:flex;}
	.archive_search div.check dl dt{flex:0 0 8rem; margin-bottom:0;}
	.archive_search div.check dl dd ul{display:flex; flex-wrap:wrap; gap:0.5rem 1rem !important;}
	.archive_search div.check dl dd li{flex:1 1 auto !important; margin-top:0; word-break:keep-all;}
	.archive_search div.check dl dd li input[type=checkbox]{width:1.5rem; height:1.5rem; margin-right:0.5rem;}
	.board_list ul.archive li{flex-basis:calc(33.3% - 2.2rem); padding:1.5rem;}
	.board_list ul.archive li:nth-child(-n+3){padding-top:0; margin-top:0; border-top:none;}
	.board_list ul.archive li:nth-child(3n+1){padding-left:0; border-left:none;}
	.board_list ul.archive li:nth-child(3n){padding-right:0;}
	.board_list ul.archive li .img{height:13rem;}
	.archive_view{flex-direction:column; padding-bottom:2rem;}
	.archive_view .con{margin-top:3rem;}
}

@media screen and (max-width:480px){
	.program_tab{position:relative;}
	.program_tab:after{display:block; content:''; position:absolute; right:0; top:0; width:5rem; height:100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);}
	.program_tab ul{padding-right:3rem; white-space:nowrap; font-size:0; overflow-x:auto;}
	.program_tab ul li a{padding:1.5rem 2rem 1.5rem;}
	.program_tab ul li.select a:after{display:none;}
	.search .word{PADDING-RIGHT:7.5REM;}
	.search input[type=submit]{width:7rem;}
	.search .range{width:46%;}
	.search .range.cal{width:35%;}
	.search .field_gyeyak li:first-child dl{width:100%;}
	.search .field_gyeyak li:first-child dl:first-child{width:100%;}
	.board_list ul.photoList{padding:0; border:0;}
	.board_list ul.photoList>li{margin:.5%; width:49%; box-shadow:none;}
	.board_list ul.photoList>li p.img{height:21rem;}
	.board_list ul.photoList>li div.con{display:none;}
	.board_list ul.photoList2{padding:0; border:0;}
	.board_list ul.photoList2>li{margin:2%; width:96%; box-shadow:none;}
	/* .board_list ul.photoList2>li p.img{height:21rem;} */
	.product{margin-top:2rem;}
	.product>li{position:relative; margin:0; padding-left:14rem; width:100%; min-height:13rem; border-bottom:0.1rem solid #ddd;}
	.product>li p.img{position:absolute; left:1rem; top:1rem; width:11rem; height:11rem;}
	.product>li p.img img{min-height:11rem;}
	.product>li p.name{height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.product>li .price{margin-top:0.5rem;}
	.product_view div.photo ul{padding-top:28.5rem;}
	.product_view div.photo ul li p.img{height:34rem;}
	.product_view div.photo ul li p.img img{height:34rem;}
	.password p{padding:8.5rem 0 3rem; background-position:center 1rem;}
	.agree .textarea textarea, .agree .textarea>div{height:15.5rem;}
	.pop_page .popCon ul.qalist>li{margin-bottom:1rem; padding-left:0;}
	.pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:1.6rem;}
	.pop_page .popCon ul.qalist>li .a{margin-top:0.5rem;}
	.pop_page .popTbox{margin-top:3rem;}
	.pop_page .popTbox .list_info.bfont li{font-size:1.5rem;}
	.joinfinish dl{padding:15rem 0 0; background-position:center 2rem;}

	.board_list ul.archive li{flex-basis:calc(50% - 1.6rem);}
	.board_list ul.archive li:nth-child(3){padding-top:1.5rem; border-top:0.1rem dashed #ddd;}
	.board_list ul.archive li:nth-child(3n+1){padding-left:1.5rem; border-left:0.1rem dashed #ddd;}
	.board_list ul.archive li:nth-child(3n){padding-right:1.5rem;}
	.board_list ul.archive li:nth-child(-n+2){padding-top:0; margin-top:0; border-top:none;}
	.board_list ul.archive li:nth-child(2n+1){padding-left:0; border-left:none;}
	.board_list ul.archive li:nth-child(2n){padding-right:0;}

	.request_view_detail .request_view_list dl {flex-direction: column;}
}