@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*** Content Style ***/
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top;}
.valm{vertical-align:middle;}

.cont_wrap2{float:right; width:843px; padding:5px 0 0 0; background:#fff; color:#555;}
.cont_wrap2 *{font-family:'Nanum Gothic', '맑은 고딕', '굴림', Gulim, '돋움', Dotum, Sans-serif;}
.cont_head2{margin:0 0 15px;}
.cont_body *{font-family:'Nanum Gothic', '맑은 고딕', '굴림', Gulim, '돋움', Dotum, Sans-serif;}
.cont_wrap2 .cont_body{font-size:13px; line-height:1.5; padding:0 0 40px 0;}

/* 컨텐츠 제목 */
.cont_body .buD02{margin:0 0 15px; padding:12px 0 0; background:url(../images/2015/bu_d02.gif) no-repeat 0 0; font-size:20px; line-height:1.3; color:#333;}
.cont_body .buD02 em{margin-left:10px; font-size:13px; color:#555;}
.cont_body .buD03{margin:0 0 10px; padding:0 0 0 11px; background:url(../images/2015/bu_d03.gif) no-repeat 0 1px; line-height:1.3;}

/* 컨텐츠 리스트 */
.cont_body .liD04{margin-left:12px;}
.cont_body .liD04>li{padding:0 0 5px 8px; background:url(../images/2015/bu_d04.gif) no-repeat 0 7px; line-height:1.3;}

.cont_body .liD04>li.bgno{background:none;}
/* 컨텐츠 박스 */
.cont_body .bxD02{margin-bottom:40px;}
.cont_body .bxD03{margin-bottom:30px;}
.cont_body .bxD04{margin-bottom:15px;}
/* 테이블 */
.cont_body .tbl_rsrv01{border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #666;}
.cont_body .tbl_rsrv01 th{padding:8px 0; border:1px solid #d3d3cc; background:#f5f5f5; font-weight:bold;}
.cont_body .tbl_rsrv01 td{padding:6px 3px; border:1px solid #d3d3cc; border-top:0; text-align:center;}
.cont_body .tbl_rsrv02 {table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #666;}
.cont_body .tbl_rsrv02 th{padding:8px 10px; border:1px solid #d3d3cc; background:#f5f5f5; font-weight:bold;}
.cont_body .tbl_rsrv02 td{padding:6px 10px; border:1px solid #d3d3cc; border-top:0; }
.cont_body .tbl_rsrv02_2015 {table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #666;}
.cont_body .tbl_rsrv02_2015 th{padding:8px 10px; border:1px solid #d3d3cc; background:#f5f5f5; font-weight:bold;}
.cont_body .tbl_rsrv02_2015 td{padding:6px 10px; border:1px solid #d3d3cc; border-top:0; }

/* form */
.cont_body input{vertical-align:middle;}
.cont_body input[type=text],
.cont_body input[type=password]{height:21px; padding:2px 0 0 3px; border:1px solid #d3d3cc;}
.cont_body .inp_txt2{display:inline-block; height:20px !important; padding:0 !important; border:0 !important; font-size:13px; line-height:20px; vertical-align:middle;}
.cont_body select{height:25px; border:1px solid #d3d3cc; vertical-align:middle;}
.cont_body textarea{border:1px solid #d3d3cc; vertical-align:middle;}
/* textarea */
.bx_textarea{overflow:auto; height:100px; padding:10px; border:1px solid #dddcd6; background:#fff;}
/* 공통버튼 */
.button{display:inline-block; position:relative; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:0; background:url(../images/2015/sp_button.png) no-repeat 0 0; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}
/* 버튼 타입 */
.button.btn1{width:119px; height:38px; background-position:0 -50px; font-size:15px; font-weight:bold; line-height:38px; color:#555;}
.button.btn2{width:119px; height:38px; background-position:0 0; font-size:15px; font-weight:bold; line-height:38px; color:#fff; }
.button.btn3{width:36px; height:25px; background-position:0 -100px; font-size:13px; font-weight:bold; line-height:25px; color:#555;}
.button.btn4{width:65px; height:25px; background-position:0 -130px; font-size:13px; font-weight:bold; line-height:25px; color:#555;}

.button.btn4_w75 {width:75px; height:25px; background-position:-100px -130px; font-size:13px; font-weight:bold; line-height:25px; color:#555;}

.button.btn4_w80{width:80px; height:25px; background-position:-200px -130px; font-size:12px; font-weight:bold; line-height:25px; color:#555;}

.button.btn5{width:115px; height:25px; background-position:0 -160px; font-size:13px; font-weight:bold; line-height:25px; color:#555;}
.button.btn6{width:119px; height:38px; background-position:0 -230px; font-size:15px; font-weight:bold; line-height:38px; color:#fff;}
.button.btn7{width:65px; height:25px; background-position:0 -380px; font-size:13px; font-weight:bold; line-height:25px; color:#fff;}
.button.btn8{width:65px; height:25px; background-position:0 -410px; font-size:13px; font-weight:bold; line-height:25px; color:#fff;}
.button.disabled{color:#a1a1a1;}


/*** 단체관람예약,교육프로그램 ***/
/* 공통 */
.reserve{}
.reserve .btn_area{text-align:center;}
.reserve .btn_area .button{margin:0 5px;}
.reserve .chk_guide{margin:0 0 5px; text-align:right;}
.reserve .chk_guide span{display:inline-block; vertical-align:top; line-height:18px;}
.reserve .required_mark{margin:0 5px 0 0; font-weight:bold; font-size:13px; color:#ee7070;}
.reserve .required_mark em{overflow:hidden; display:inline-block; position:absolute; left:-2000em;}
/* 예약 박스 레이아웃 */
.tbl_booking{border-collapse:collapse; table-layout:fixed; width:100%; margin:0 0 40px;}
.tbl_booking td.step{border:1px solid #d3d3cc; border-top:0; vertical-align:top;}
.tbl_booking .step_head{position:relative; height:40px; margin-left:-1px; padding-left:50px; background:#f1f1f1; font-weight:bold; font-size:14px; line-height:40px; color:#555;}
.tbl_booking .step_head .num{position:absolute; top:0; left:0; width:40px; height:40px; background:#585858; color:#fff; text-align:center;}
.tbl_booking .step_body{padding:24px 15px;}
.tbl_booking .step_body .tit{margin-bottom:10px; font-weight:bold; font-size:14px; line-height:22px;}

/* 예약 박스 검색 */
.bx_srch_area{overflow:hidden; border:solid 1px #d3d3cc; margin:0 0 20px 0;}
.bx_srch_area .bx_srch_new{float:left; width:405px; padding:10px 0 10px 10px;}


/** 단체관람예약 **/
/* 1단계/약관동의 */
.rsrv_step1 .bx_textarea.privacy{height:180px;}
.rsrv_step1 .agree_chk{overflow:hidden; padding:10px 0 0;}
.rsrv_step1 .agree_chk:after{content:''; display:block; clear:both;}
.rsrv_step1 .agree_chk .tit{float:left; line-height:15px;}
.rsrv_step1 .agree_chk .chk{float:right;}
.rsrv_step1 .agree_chk .chk input,
.rsrv_step1 .agree_chk .chk label{display:inline-block; height:13px; line-height:15px; vertical-align:top;}
.rsrv_step1 .agree_chk .chk input{width:13px; margin:2px 1px 0 20px;}
/* 2단계/예약정보입력(단체관람) */
.reserve .step_active{margin:0 0 25px;}
.rsrv_step2 .tbl_booking .step1 .calendar_head{position:relative; margin-bottom:10px; font-weight:bold; font-size:14px; line-height:22px; text-align:center;}
.rsrv_step2 .tbl_booking .step1 .calendar_head .ctrl a{display:inline-block; position:absolute; top:0; overflow:hidden; width:22px; height:22px; background:url(../images/2015/sp_button.png) no-repeat 0 -200px; line-height:999px; vertical-align:top;}
.rsrv_step2 .tbl_booking .step1 .calendar_head .ctrl .prev{left:5px;}
.rsrv_step2 .tbl_booking .step1 .calendar_head .ctrl .next{right:5px; background-position:-30px -200px;}
.rsrv_step2 .tbl_booking .step1 .tbl_calendar{border-collapse:collapse; table-layout:fixed; width:100%; border-bottom:1px solid #d3d3cc; text-align:center;}
.rsrv_step2 .tbl_booking .step1 .tbl_calendar th{border:1px solid #d3d3cc; border-width:1px 0; line-height:27px;}
.rsrv_step2 .tbl_booking .step1 .tbl_calendar td{padding:2px; line-height:20px;}
.rsrv_step2 .tbl_booking .step1 .tbl_calendar td a{text-decoration:none;}
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .sun,
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .sun *,
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .holiday,
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .holiday *{color:#cc3337;}

.rsrv_step2 .tbl_booking .step1 .tbl_calendar .sat,
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .sat *{color:#6075ab;}
.rsrv_step2 .tbl_booking .step1 .mark_today{display:inline-block; width:20px; height:20px; background:#e5e1d7;}
.rsrv_step2 .tbl_booking .step1 .mark_yes{display:inline-block; width:20px; height:20px; border-bottom:1px solid #7f7f7f;}

.rsrv_step2 .tbl_booking .step1 .tbl_calendar .selectday,
.rsrv_step2 .tbl_booking .step1 .tbl_calendar .selectday *{color:#333399; font-weight:bold;}

.rsrv_step2 .tbl_booking .step1 .calendar_guide{margin:10px 0 0; padding:10px 0 0;}
.rsrv_step2 .tbl_booking .step1 .calendar_guide span{display:inline-block; vertical-align:top;}
.rsrv_step2 .tbl_booking .step1 .calendar_guide .mark_yes{margin-left:15px;}
.rsrv_step2 .tbl_booking .step2 .date{margin-bottom:10px; font-weight:bold; font-size:14px; line-height:22px; text-align:center;}
.rsrv_step2 .tbl_booking .step3 .guide{margin-bottom:10px; font-weight:bold; font-size:14px; line-height:22px;}
.rsrv_step2 .tbl_booking .step6 .chk input,
.rsrv_step2 .tbl_booking .step6 .chk label{display:inline-block; height:13px; line-height:15px; vertical-align:top;}
.rsrv_step2 .tbl_booking .step6 .chk input{width:13px; margin:2px 1px 0 0;}
.rsrv_step2 .tbl_booking .step6 .chk label{margin-right:20px;}
/* 3단계/예약완료 */
.rsrv_step3 .step_active{margin:0 0 25px;}
.rsrv_step3 .comp_msg{margin:60px 0; padding:90px 0 0; background:url(../images/2015/img_step03_01.gif) no-repeat 50% 0; font-size:16px; font-weight:bold; color:#f99302; text-align:center;}
/* 4단계/상세내역 */
.rsrv_step4 .rsrv_num{margin:40px 0 25px; padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #dfdfdf; font-size:15px; text-align:center;}

/** 교육프로그램 **/
/* 2단계/예약정보입력 */
.edu_step2 .step1 .times{margin:25px 0 0; text-align:center;}
.edu_step2 .step1 .times label,
.edu_step2 .step1 .times select,
.edu_step2 .step1 .times input{display:inline-block; vertical-align:middle;}
.edu_step2 .step1 .times label{margin-right:5px; font-weight:bold;}
.edu_step2 .step4 .guide{margin:15px 0 0;}
.edu_step2 .step4 .guide ul{margin:0 0 10px 16px;}
.edu_step2 .step4 .guide ul li{padding:0 0 0 15px; text-indent:-15px;}
.edu_step2 .step4 .guide ul li:first-child{text-indent:-31px;}
.edu_step2 .step4 .guide .btn{margin:0 0 0 31px;}
/* 2단계/예약정보입력 - 개인정보 이용약관 */
.edu_step2 .bx_textarea.privacy{height:180px;}
.edu_step2 .agree_chk{overflow:hidden; padding:10px 0 0;}
.edu_step2 .agree_chk:after{content:''; display:block; clear:both;}
.edu_step2 .agree_chk .tit{float:left; line-height:15px;}
.edu_step2 .agree_chk .chk{float:right;}
.edu_step2 .agree_chk .chk input,
.edu_step2 .agree_chk .chk label{display:inline-block; height:13px; line-height:15px; vertical-align:top;}
.edu_step2 .agree_chk .chk input{width:13px; margin:2px 1px 0 20px;}

/* 3단계/예약완료 */
.edu_step3 .step_active{margin:0 0 25px;}
.edu_step3 .comp_msg{margin:60px 0; padding:90px 0 0; background:url(../images/2015/img_step03_01.gif) no-repeat 50% 0; font-size:16px; font-weight:bold; color:#f99302; text-align:center;}
/* 4단계/상세내역 */
.edu_step4 .rsrv_num{margin:40px 0 25px; padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #dfdfdf; font-size:15px; text-align:center;}
/* 교육신청자 명단 */
.edu_request_tit{margin:0 0 25px; padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #dfdfdf; font-size:20px; text-align:center;}

/** 예약현황 **/
.rsrv_mypage{}
.rsrv_mypage .bx_mypage{overflow:hidden; width:808px; margin:0 auto;}
.rsrv_mypage .bx_mypage .col01,
.rsrv_mypage .bx_mypage .col02{width:398px; border:1px solid #d3d3cc; border-top:0;}
.rsrv_mypage .bx_mypage .col01{float:left;}
.rsrv_mypage .bx_mypage .col02{float:right;}
.rsrv_mypage .bx_mypage .bx_head{position:relative; height:38px; margin:0 -1px; padding-left:50px; background:#f1f1f1; font-weight:bold; font-size:14px; line-height:38px; color:#555;}
.rsrv_mypage .bx_mypage .bx_head h2{position:absolute; top:0; left:0; width:180px; height:38px; padding-left:20px; background:#585858; color:#fff;}
.rsrv_mypage .bx_mypage .bx_body{padding:24px 15px; text-align:center;}
.rsrv_mypage .bx_mypage .bx_foot{overflow:hidden; border-top:1px solid #d3d3cc;}
.rsrv_mypage .bx_mypage .bx_foot li{float:left; width:50%;}
.rsrv_mypage .bx_mypage .bx_foot li a{display:block; height:38px; margin-left:-1px; border-left:1px solid #d3d3cc; font-weight:bold; font-size:14px; line-height:38px; text-align:center;}
.rsrv_mypage .bx_mypage .bx_foot li a span{display:inline-block; padding:0 15px 0 0; background:url(../images/2015/bu_go.gif) no-repeat 100% 50%;}
/* 로그인 */
.rsrv_mypage .bx_login{width:808px; margin:0 auto; padding:30px 0; border-top:2px solid #666; border-bottom:1px solid #666;}
.rsrv_mypage .bx_login h3{margin:0 0 20px; font-size:18px; color:#d83d13; text-align:center;}
.rsrv_mypage .bx_login .login_area{width:407px; height:62px; margin:20px auto 25px; padding:25px 0; border:1px solid #d3d3cc;}
.rsrv_mypage .bx_login .login_area>div{margin:0 0 10px 40px;}
.rsrv_mypage .bx_login .login_area label{height:25px; margin:0 10px 0 0; font-weight:bold; line-height:25px;}

/*** 일정 ***/
.schedule1 .date_area{ margin-top:30px; color:#787878;}
.schedule1 .date_area .date{text-align:center; }
.schedule1 .date_area .date .month{display:inline-block; margin:0 10px; font-size:28px; line-height:38px; vertical-align:middle; }

.schedule1 .date_area .date .month .month_txt{display:inline-block; margin:0px; font-size:20px; line-height:38px; vertical-align:middle;}


.schedule1 .date_area .date .cal_prev,
.schedule1 .date_area .date .cal_next{display:inline-block; overflow:hidden; width:38px; height:38px; background:url(../images/2015/sp_button.png) no-repeat 0 -440px; line-height:999px; vertical-align:middle;}
.schedule1 .date_area .date .cal_next{background-position:-50px -440px;}
.schedule1 .date_area .day{margin:20px 0 0; text-align:center;}
.schedule1 .date_area .day a{display:inline-block; width:25px; height:25px; margin:0 -1px; font-size:13px; line-height:25px; vertical-align:middle; text-decoration:none;}
.schedule1 .date_area .day .sat{color:#4762a7;}
.schedule1 .date_area .day .sun{color:#cc3337;}
.schedule1 .date_area .day .today{background:url(../images/2015/sp_button.png) no-repeat -100px -440px; font-weight:bold; color:#068300;}

.reserve .schedule_head{overflow:hidden; margin:20px 0 10px;}
.reserve .schedule_head .button.btn_cal_type{float:left; width:92px; height:27px; padding-left:35px; background-position:0 -280px; color:#fff; line-height:27px; text-align:left;}
.reserve .schedule_head .cat{float:right;}
.reserve .schedule_head .cat li{float:left; margin-left:2px;}
.reserve .schedule_head .cat a{width:45px; height:27px; color:#555; line-height:27px;}
.reserve .schedule_head .cat .cat_type{background-position:0 -350px;}
.reserve .schedule_head .cat .cat_type.active{background-position:0 -320px; color:#fff;}

.reserve .tbl_schedule{table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #666;}
.reserve .tbl_schedule th{padding:8px 10px; border:1px solid #d3d3cc; background:#f5f5f5; font-weight:bold;}
.reserve .tbl_schedule td{padding:6px 10px; border:1px solid #d3d3cc; border-top:0;}
.reserve .tbl_schedule td.tit{text-align:left;}
.reserve .tbl_schedule td.tit span{display:inline-block; vertical-align:middle;}
.reserve .tbl_schedule td.tit .img{margin:0 10px 0 0; border:1px solid #878787;}

.reserve .tbl_schedule2{table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border:1px solid #d3d3cc; border-top:2px solid #666; border-bottom:1px solid #666;}
.reserve .tbl_schedule2 th{padding:8px 10px; border-top:1px solid #d3d3cc; border-bottom:1px solid #d3d3cc; background:#f5f5f5; font-weight:bold;}
.reserve .tbl_schedule2 td{ height:80px; padding:10px 0 10px 34px; border:1px solid #d3d3cc; text-align:left; vertical-align:top;}
.reserve .tbl_schedule2 th.sun,
.reserve .tbl_schedule2 td.sun .day{color:#cc3337;}
.reserve .tbl_schedule2 th.sat,
.reserve .tbl_schedule2 td.sat .day{color:#4762a7;}
.reserve .tbl_schedule2 td .day{float:left; margin:0 0 0 -29px; font-weight:bold;}
.reserve .tbl_schedule2 td .lst_cat li{width:65px; height:18px; margin:0 0 4px; background:#efefef; font-size:12px; line-height:18px;}
.reserve .tbl_schedule2 td .lst_cat li a{display:inline-block; height:18px; line-height:18px; cursor:pointer;}
.reserve .tbl_schedule2 td .lst_cat li .cat{display:inline-block; padding:0 5px; vertical-align:middle;}
.reserve .tbl_schedule2 td .lst_cat li .num{display:inline-block; padding:0 5px; background:url(../images/2015/bg_cal_line.gif) no-repeat 0 5px; vertical-align:middle;}
.reserve .layer_calendar{position:fixed; top:50%; left:50%; z-index:9999; width:520px; height:380px; margin:-220px 0 0 -290px; padding:30px; border:3px solid #585858; background:#fff;}
.reserve .layer_calendar .head{}
.reserve .layer_calendar .head .cat{display:inline-block; width:73px; height:70px; background:url(../images/2015/bg_pop_cat.gif) no-repeat 0 0; font-size:28px; line-height:70px; color:#fff; text-align:center;}
.reserve .layer_calendar .head .date{display:inline-block; height:70px; padding-left:10px; font-size:28px; line-height:70px;}
.reserve .layer_calendar .body{position:absolute; top:110px; left:30px; overflow:auto; width:468px; height:228px; padding:35px 25px; border:1px solid #666; border-radius:4px;}
.reserve .layer_calendar .lay_close{position:absolute; right:31px; bottom:31px;}
.reserve .layer_calendar .lay_close img{display:inline-block; border-radius:4px;}
.reserve .layer_calendar .body .lst li{padding:7px 0 6px; border-bottom:1px solid #e5e5e5;}
.reserve .layer_calendar .body .lst li .cat{display:inline-block; height:25px; margin:0 10px 0 0; padding:0 13px; background:#f5f5f5; line-height:25px; color:#e25f10;}