@charset "utf-8";

/* 프로그램예약 리스트 */
.res_lst ul li{position:relative;padding:23px 20px;border-bottom:1px solid #e2e2e2;}
.res_lst ul li:after{content:"";display:block;clear:both;visibility:hidden;}
.res_lst ul li .thm_figure{float:left;padding:15px;width:30%;border:1px solid #ddd;text-align:center}
.res_lst ul li .thm_figure *{margin:0;padding:0;}
.res_lst ul li .thm_figure img{width:auto;line-height:0;}
.res_lst ul li .ex_info{position:relative;width:100%;padding-left:200px;}
.res_lst.special .ex_info>b,
.res_lst .ex_info b a{display:block;margin:5px 0 10px;/*margin-bottom:10px;*/color:#000;font-size:22px;font-weight:bold;letter-spacing:-1px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.res_lst .ex_info b a{display:inline-block;}
.res_lst.sch ul li .ex_info b a{display:block;font-size:18px;}
.res_lst .ex_info b a:hover,
.res_lst .ex_info b a:focus{color:#004993;}
.res_lst ul li .ex_info b a *{vertical-align:middle}
.res_lst ul li .ex_info b a .cat{display:block;margin:0 0 10px;padding:0;color: #004993;font-size:13px;}
.res_lst ul li .ex_info b a .ico{display:inline-block;height:30px;margin-right:5px;background:url(/images/kr/common/res_ico.png) no-repeat;background-image: url(/images/kr/common/res_ico.svg), none;}
.res_lst ul li .ex_info b a .cat1{width:25px;background-position:0 -100px}
.res_lst ul li .ex_info b a .cat2{width:25px;background-position:-25px -100px}
.res_lst ul li .ex_info b a .cat3{width:30px;background-position:-50px -100px}
.res_lst ul li .ex_info b a .cat4{width:25px;background-position:-80px -100px}
.res_lst ul li .ex_info b a .cat5{width:30px;background-position:-113px -100px}
.res_lst ul li .ex_info b a .cat6{width:30px;background-position:-150px -100px}
.res_lst ul li .ex_info ul{overflow:hidden;margin-top:20px;/*padding:15px;background:#f6f6f6;*/}
.res_lst ul li .ex_info ul li{padding:0;border:none;margin:0 0 5px;color:#666;font-size:13px;line-height:20px;word-wrap:break-word;word-break:keep-all;}
.res_lst.special ul li .ex_info ul li{font-size:14px;}
.res_lst ul li .ex_info ul li:after{content:"";display:block;clear:both;visibility:hidden;}
.res_lst ul li .ex_info ul li b{display:inline-block;float:left;position:relative;margin-right:15px;padding-right:10px;width:70px;color:#000;font-size:14px;line-height:20px;}
.res_lst ul li .ex_info ul li b:after{content:"";display:block;position:absolute;top:5px;right:0;width:1px;height:10px;background-color:#aeaeae;}
.res_lst ul li .ex_info ul li span{    overflow: hidden;
    display: block;}
.res_lst ul li .ex_info p{margin-top:10px;}
.res_lst ul li .ex_info p a,
.res_lst ul li .ex_info p span{width:92px;text-align:center;}
.res_lst ul li .ex_info .cat{display:inline-block;}
.res_lst ul li .ex_info .cat.no{border:2px solid #ccc;color:#666;line-height:120%;}
.res_lst ul li .ex_info .cat.waiting{padding:6px 12px;color:#004993;border:2px dashed #004993;}


.res_lst.special ul li .edutxt{float:left;width:100%;margin-top:25px;padding-top:15px;border-top:1px dashed #b2b2b2;}
.res_lst.special ul li .edutxt strong{display:block;color:#000;font-weight:bold;}
.res_lst.special ul li .edutxt p{text-align:left;}
.res_lst.special ul li .edutxt .btn_wrap{margin-top:20px;text-align:right;}
.res_lst.special ul li{padding:4%;}
.res_lst.special ul li figure{padding-bottom:20px;}
.res_lst.special>ul>li:first-child{margin-top:0;border-top:1px solid #000;}
.res_lst.special .thm_figure{padding:5px;margin-right:5%;width:12%;}
.res_lst.special .ex_info .p_tit {position:relative;display:block;}
.res_lst.special .ex_info .p_tit a {margin:0;padding:5px 0 10px;}
.res_lst.special .ex_info .info {margin:0;}
.res_lst.special .ex_info .info .time{margin-bottom:20px; color:#003285;}
.res_lst.special .ex_info .caption{padding-top:10px;border-top:1px dashed #ddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.res_lst.special .ex_info p.con {}
.res_lst.special .btn_wrap{position:absolute;top:80px;right:80px;}


.res_lst.special.bigcon .thm_figure{position:absolute;top:50px;left:50px;padding:5px;width:154px;margin-right:0}
.res_lst.special.bigcon .thm_figure .thumb_img{display:block;}
.res_lst.special.bigcon .ex_info .p_tit {padding:20px 10px 10px 70px;}
.res_lst.special.bigcon .ex_info .p_tit .cat{position:absolute;left:0;top:10px;width:53px;height:53px;border-radius:50%;text-align:center;color:#fff;line-height: 53px;font-weight:normal;background-color: #7d6449;font-size: 14px;}
.res_lst.special.bigcon .open .ex_info .p_tit .cat{background-color: rgba(76, 53, 43, 0.9);}
.res_lst.special.bigcon .close .ex_info .p_tit .cat{background-color: #81848a;line-height:20px;padding-top:5px;}
.res_lst.special.bigcon .close .ex_info .p_tit a{padding-top:0;}
.res_lst.special.bigcon .ex_info .info .time{margin:20px 0 5px; color:#003285;}
.res_lst.special.bigcon .ex_info .info .time b.skip {position:relative;height:auto;visibility:visible;}
.res_lst.special.bigcon .ex_info .info .btn-file{clear: both;display: block;width: 120px;border-radius: 0;padding-right:30px;color:#f46711;background:url(/images/museum/common/file.png) no-repeat 90px 50%;margin-left:70px;}
.res_lst.special.bigcon .ex_info p.con {padding-top:20px;border-top:1px dashed #ccc; }
.res_lst.special.bigcon .btn_wrap{top:100px;right:50px;}
.res_lst.special.bigcon .btn_wrap .bn_view{display:block;width:107px;height:107px;text-align:center;color:#fff;line-height:70px}
.res_lst.special.bigcon .btn_wrap .bn_view{background:#3f61b2 url(/images/prog/common/write.png) no-repeat 50% 65%;}
/*.res_lst.special.bigcon .btn_wrap .bn_view:hover{background:#81848a url(/images/museum/common/write.png) no-repeat 50% 65%;}*/

.caption_detail{margin:30px 0 50px 0;padding:10px 0;}

.res_lst.special.detail{border-top:2px solid #ddd;border-bottom:1px solid #ddd;}
.res_lst.special.detail ul li{border:none;overflow: hidden; }
.res_lst.special.detail ul li .thm_figure{width:27%}
.res_lst.special.detail ul li .ex_info{padding-left:35%;}
.res_lst.special.bigcon.detail .btn_wrap {position:static;margin-top:20px;}
.res_lst.special.bigcon.detail .btn_wrap .bn_list{width: 130px;height: 50px;padding-left:15px;display: block;background: #3f61b2 url(/images/prog/common/list.png) no-repeat 15px 50%;text-align: center;line-height: 50px;color: #fff;margin: 0 auto;}
/*
.res_lst.special.bigcon.detail .btn_wrap .bn_list:hover,
.res_lst.special.bigcon.detail .btn_wrap .bn_list:focus,
.res_lst.special.bigcon.detail .btn_wrap .bn_list:active{background: #f46711 url(/images/museum/common/list.png) no-repeat 15px 50%;}
*/
@media only screen and (max-width:960px){
	.res_lst.program .bx_cat{left:25px;}
	.res_lst.program ul li{padding:30px 40px 30px 140px;}
	.res_lst ul li .thm_figure{width:35%;}

	.res_lst.special.bigcon .btn_wrap{bottom:25px;}
}

@media only screen and (max-width:768px){
	.res_lst.special.bigcon .ex_info{width:100%;}
	.res_lst.sch p.time{text-align:center;}
	.res_lst.program .bx_cat,
	.res_lst.program .btn_wrap,
	.res_lst.special .btn_wrap{position:static;padding-top:0;width:100%;}
	.res_lst.program .bx_cat p{margin-bottom:20px;}
	.res_lst.program ul li,
	.res_lst.special ul li{padding:20px;}
	.res_lst ul li .ex_info b a,
	.res_lst.special ul li .ex_info>b{font-size:20px;line-height:26px;}
	/*.res_lst ul li .ex_info b a,
	.res_lst.program .ex_info p.time{text-align:center;}*/
	.res_lst.special.bigcon ul li .ex_info b a{text-align:left;}
	.res_lst.special.bigcon ul li .thm_figure{position:static;width:100%;margin-bottom:20px}
	.res_lst.special.bigcon ul li .ex_info{padding-left:0}
	.res_lst.special.bigcon ul li .ex_info .p_tit .cat{position:static;margin-right:10px}
	.res_lst.special.bigcon ul li .ex_info .p_tit{display:inline-block;padding:0;}
	.res_lst.special.bigcon ul li .ex_info .p_tit a{vertical-align: middle}
	.res_lst ul li .ex_info,
	.res_lst.program ul li .ex_info,
	.res_lst.special .ex_info{float:none;width:100%;} 
	.res_lst.program .btn_wrap .bn_view{padding:15px 60px 15px 15px;background-position:85% 50%;}
	.res_lst.program .btn_wrap .bn_view:hover,
	.res_lst.program .btn_wrap .bn_view:focus{background-position:85% 50%;}
	.res_lst.program .page_num{float:none;}
	.res_lst.special.bigcon .btn_wrap .bn_view{margin:0 auto;margin-top: 10px;}
	.res_lst ul li .thm_figure img{height:300px;}
	.res_lst.special.bigcon.detail .btn_wrap .bn_list{margin:0 auto;}
}

.schwrap{position:relative;margin:0 0 30px;}
.schlst{position:relative;width:100%;margin:0;border:1px solid #d4d4d4;overflow:hidden;}
.schlst_info{margin-bottom:50px;margin-top: 5px;}
.schwrap .schlst:before{content:"";display:block;position:absolute;top:0;left:60%;height:100%;border-left:1px solid #dcdcdc;}
.schlst.nosch:before{width:50%;background:url(/images/kr/common/nosch_bg.png) repeat;z-index:-1;}
.schlst:after{clear:both;display:block;content:"";visibility:hidden}
.schlst .lcon{float:left;padding:30px 2.5% 50px;width:60%;background:#fff;border-radius:15px 15px 0 0;}
.schlst .rcon{float:right;padding:30px 2.5% 20px;width:40%;}
.ctrmm{position:relative;width:80%;height:32px;margin:8px auto 20px;padding:0;}
.ctrmm:after{content:"";display:block;clear:both;visibility:hidden;}
.ctrmm strong{position:absolute;top:0;left:0;width:100%;font-weight:normal;font-size:24px;font-weight:bold;line-height:30px;color:#111;text-align:center}
.ctrmm .arrow a{display:block;float:left;position:relative;overflow:hidden;width:32px;height:32px;background:url(/images/museum/common/cal_arr.gif) no-repeat;font-size:0;line-height:0;z-index:10}
.ctrmm .prev a{background-position:0 0}
.ctrmm .next {float:right;}
.ctrmm .next a{background-position:0 -48px}
.schlst .lcon .sch_time:after{content:"";display:block;clear:both;visibility:hidden;}
.schlst .lcon h2{margin-bottom:10px;padding-top:10px;font-size:15px;line-height:20px;border-top:0;}
.schlst .lcon h2:before{width:19px;height:3px;}
.schlst .lcon .sch_time.vol{margin-bottom:20px;}
.schlst .lcon .sch_time li{margin-top:20px;}
.schlst .lcon .sch_time.vol li{margin-top:10px;}
.schlst .lcon .sch_time li:first-child{margin-top:0;}
.schlst .lcon .sch_time li span{display:inline-block;margin-bottom:10px;}
.schlst .lcon .sch_time li b{display:inline-block;margin-right:10px;padding:0 14px;border:1px solid #ccc;border-radius:10px;font-weight:normal;color:#444;line-height:19px;vertical-align:middle;}
.schlst .lcon .sch_time li em{display:inline-block;margin-right:15px;font-size:14px;line-height:19px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.schlst .lcon .bul_focus{margin-top:3px;margin-bottom:0;font-size:13px;}
.schlst .rcon table[class^="tbl"]{margin-bottom:0;}
.schlst .lcon .mark{position:relative;text-align:right;}
.schlst .lcon .mark span{display:inline-block;position:absolute;right:0;top:0;padding-left:25px;background:url(/images/museum/common/sch_holiday.png) no-repeat 0 50%;line-height:21px;}
.schlst .lcon .mark span.o_day{left:0;right:auto;padding-left:22px;background:none;}
.schlst .lcon .mark span.o_day:before{content:"";display:block;position:absolute;top:2px;left:0;width:10px;height:10px;border:4px solid #004993;border-radius:100%;}
.schlst .rcon .schtx .btn_wrap .button .typeA .detail_view{margin-top:20px;}
.schlst .rcon .schtx strong{display:block;font-size:22px;font-weight:bold;color:#303132;margin:0px 0 20px 0;}
.schlst .rcon .schtx strong span{display:inline-block;width:42px;height:42px;margin-right:10px;background:url(/images/museum/sub04/schlst_rcon_ico1.png) no-repeat;vertical-align:middle}
.schlst .rcon .schtx table td .ir{display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background:url(/images/museum/sub04/schlst_rcon_ico2.png) no-repeat;} 
.schlst .rcon .schtx table td .ir.off{background-position:0 0}
.schlst .rcon .schtx table td .ir.on{background-position: -32px 0}

/* 달력 */
.eventCal{position:relative;margin:0 0 30px;}
.schlst .schl_inner{padding:30px 0;}
.schcal_tbl{width:100%}
.schcal_tbl.type2{margin-bottom:20px}
.schcal_tbl th{padding:12px 6px;border:1px solid #434547;border-color:#434547 transparent #a2a2a2;font-weight:bold;line-height:1.5em;vertical-align:middle}
.schcal_tbl td{position:relative;text-align:left; padding:8px 6px;height:100px;border:1px solid #dfdfdf;border-right:0 none;color:#666;line-height:1.5em;vertical-align:top}
.schcal_tbl td a{display:block;width:100%;height:100%;}
.schcal_tbl td.on span{color:#333;}
.schcal_tbl.type2 td{height:90px}
.schcal_tbl td:first-child{border-left:0 none}
.schcal_tbl td div{overflow:hidden; margin-top:5px}
.schcal_tbl td a[target="_parent"]{line-height:1.2em;font-size:0.85em}
.schcal_tbl td p {position: relative;height: 70px;margin: 0;padding: 5px;font-size: 13px;}
.schcal_tbl .sun{color:#f46711}
.schcal_tbl .sat{color:#1473b5}
.schcal_tbl .date{color:#454545}
.schcal_tbl .toDay{background-position:52% -28px}
.schcal_tbl .toDay a{color:#fff}
.schcal_tbl .spDay{background-position:51% 6px}
.schcal_tbl td .holiday{position:absolute;bottom:0;left:0;display: block;margin-left: 5px;padding-left: 25px;background: url(/images/prog/common/sch_holiday.png) no-repeat 0 50%;line-height: 35px;color: #555;vertical-align: middle;}
.schcal_tbl td.sun,
.schcal_tbl td.sun a,
.schcal_tbl td.spday,
.schcal_tbl td.spday a{color:#f46711;}
.schcal_tbl td.sat,
.schcal_tbl td.sat a{color:#1473b5;}
.schcal_tbl td.on{position:relative;}
.schcal_tbl td.on:after{content:"";display:block;position:absolute;bottom:5px;left:5px;width:15px;height:15px;border:5px solid #3f61b2;border-radius:100%;}
.schcal_tbl td.today.on:after{border:4px solid #fff;}
.schcal_tbl td.off {background: #fafafa;}
.schcal_tbl td.today .holiday{color:#fff;}
.schcal_tbl td.today{background: #3f61b2;color: #fff;}
.schcal_tbl td.today span{display:inline-block;color:#fff;}
.schcal_tbl td.today a{color:#fff;}

.schlst_info .holiday{display: inline-block;margin-left: 5px;padding-left: 25px;background: url(/images/prog/common/sch_holiday.png) no-repeat 0 50%;color: #555;vertical-align: middle;margin-right:10px;}
.schlst_info .on i{display:inline-block;width:16px;height:16px;border:3px solid #3f61b2;border-radius:100%;vertical-align:middle;margin-right:3px;}

@media(max-width:950px){
	.schlst .lcon,
	.schlst .rcon{float:none;width:100%;border:0}
	.schlst .lcon{border-bottom:1px solid #ddd;}
	.schlst.nosch .rcon .schtx p{margin-top:0;}
	.schwrap .schlst:before{display:none}
}

@media only screen and (max-width: 500px){
	.schcal_tbl td .holiday {margin: 0;padding: 0;width: 100%;background: none;text-align: center;}
}

@media (max-width:360px){
    .schcal_tbl td { font-size: 11px; }
    .schcal_tbl td a { font-size: 11px; }
    .schcal_tbl td p { font-size: 11px; }
    .schcal_tbl td .holiday { font-size: 11px; }
    .schcal_tbl td.on:after { width: 10px;height: 10px; }
}