/* ===================================================
* @Author : Lee, Jin Young (job@hanainfo.co.kr)
* @File Name : info.css
* @Update Date : 2013.07.29
* ====================================================== */

.wid_749{width:749px; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #CCC;}
.wid_749 h4{margin-left:8px; margin-bottom:5px;}
.bg_photo{}
.bg_photo li{background:url(../../images/sub/bg_architecture_bx.gif) no-repeat; width:232px; height:157px; float:left; padding:6px 0 0 6px; margin-left:6px; margin-right:5px; margin-bottom:10px;}

.data_popup{}
.data_popup_t{background:url(../../images/sub/bg_facilities_t.png) no-repeat; width:710px; height:34px;}
.data_popup_c{background:url(../../images/sub/bg_facilities_c.png); width:710px;}
.data_popup_b{background:url(../../images/sub/bg_facilities_b.png) no-repeat; width:710px; height:34px;}
.data_popup_title{width:653px; height:100px; margin:0 auto; border-bottom:1px solid #CCC; position:relative;}
.data_popup_title span img{vertical-align:middle;}
.data_popup_title em img{vertical-align:middle; padding-left:10px;}
.data_popup_close{position:absolute; top:10px; right:10px;}
.data_popup_txt{width:657px; margin:0 auto; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #CCC;}
/*
.data_popup_txt li{display:inline;}
.data_popup_txt li img{vertical-align:top;}
*/
.data_popup_photo{width:657px; margin:0 auto; padding-top:20px;}
.data_popup_photo li{float:left; margin-right:7px; margin-left:7px;}
.data_popup_photo p{padding-bottom:5px; margin-left:7px;}
.data_popup_txt_lst{width:657px; margin:0 auto; padding-top:10px; padding-bottom:10px; border-top:3px solid #333; border-bottom:1px solid #999;}
.data_popup_txt_lst p{line-height:23px; padding-left:10px; padding-right:10px; font-weight:bold;}

.tab_menu{width:100%;}
.tab_menu li{float:left;}
.tab_on{border-top:2px solid #ff7a00; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; color:#F30;}
.tab_off{border-top:2px solid #b6b9ba; border-bottom:1px solid #c8c8c8; background:#f7f7f7; border-right:1px solid #c8c8c8;}
.tab_on, .tab_off{text-align:center; padding-top:10px; padding-bottom:10px; font-weight:bold; font-size:15px;}

.history{width:747px; border-top:2px solid #333; clear:both;}
.history_y{margin-top:20px; padding-bottom:20px; width:100%; border-bottom:1px solid #ececec;}
.h_year, .h_month, .h_day{float:left;}
.h_year{width:80px; text-align:center;}
.h_month{width:70px; text-align:center;}
.h_day{width:597px;}
.h_day li{padding-top:5px; padding-bottom:5px; line-height:18px; float:left;}
.h_day span{display:block; width:15px; float:left;}
.h_day em{float:left; width:562px;}


/*big_photo*/
.photo{ width:747px;}
.big_list li{ width:356px;}
.big_list li a{ padding:0; clear:both; text-decoration:none; display:block; width:278px;  overflow:hidden; }
.big_list li .hd_title{display:block; color:#393939; text-align:left; width:355px; line-height:39px; font-weight:bold; font-size:16px; border-top:5px solid #f29c4f; border-bottom:1px solid #f29c4f; text-indent:3px; text-overflow: ellipsis;}
.big_list li .thumb { display:block; float:left; width:174px; height:215px; border:1px solid #dedede; margin-top:24px;}
.big_list li .thumb img {display:block; width:172px; height:213px}
.big_list li .txt_list{ float:right; width:166px; margin-top:24px;}
.big_list li .txt_list li{width:136px; line-height:20px; padding:5px 0px; color:#646464; overflow:hidden; background:url(../../images/sub/dot_line1.gif) repeat-x left bottom;  text-overflow: ellipsis;}
.big_list li .txt_list li em{ color:#000; font-weight:bold;}
.big_list li .txt_list li img{ vertical-align:middle;}
.end{ clear:both; padding-top:10px; border-bottom:1px solid #d0d0d0;}
.m_top{ margin-top:60px;}

/*m_photo*/
.m_photo{width:733px; margin-top:10px; padding:40px 0 20px 14px; border-top:5px solid #f29c4f; border-bottom:1px solid #f29c4f; }
.m_list{display:inline-block;}
.m_list li{display:inline; float:left; width:170px; margin-right:7px; text-align:center;}
.m_list li a em{ clear:both; line-height:40px; font-weight:bold; font-size:13px; color:#393939; overflow:hidden; margin-bottom:4px;}
.m_list li .thumb3 img{width:160px; border:1px solid #ddd; }
.end_line{clear:both; margin-bottom:25px; margin-top:25px; border-bottom:1px solid #d6d6d6;}

/*s_photo*/
.s_photo{ width:747px; }
.small_list{ border-bottom:1px solid #f29c4f; border-top:5px solid #f29c4f;}
.small_list li{ clear:both; padding:20px 0 0 0; border-top:1px solid #cfcfcf; margin-bottom:20px;}
.small_list .thumb2{ display:block; float:left; width:150px; height:166px; border:1px solid #dedede; margin-left:15px; }
.small_list .txt_list2 {float:right; width:538px;}
.small_list .txt_list2 dt{background:url(../../images/sub/dot_line1.gif) repeat-x left bottom; padding: 10px 0 10px 0; }
.small_list .txt_list2 .bullet{background:url(../../images/sub/bullet_bar.gif) no-repeat left center; font-weight:bold; font-size:13px; color:#393939; text-indent:0px; }
.small_list .txt_list2 dd{background:url(../../images/sub/dot_line1.gif) repeat-x left bottom; color:#808080; padding: 10px 0 10px 0; line-height:18px;}


/*view*/
.view{width:747px; }
.view .big_img{display:inline; float:left; width:364px; height:370px; border:1px solid #eee; background-color:#f8f8f8; text-align:center; display:table;}
.view .big_img img{ vertical-align:middle;}
.txt_full{display:inline; float:right; width:353px; height:370px; border-bottom:1px solid #f29c4f; margin-bottom:50px;}
.txt_full .full_title {border-top:5px solid #f29c4f; padding:20px 0 10px 0; text-align:left; font-weight:bold; font-size:16px; color:#535353; line-height:18px;} 
.txt_full dt{color:#000; font-weight:bold; line-height:30px;}
.txt_full dd{color:#646464; border-bottom:1px solid #efefef; padding-bottom:10px;}
.txt_full table{border-collapse:collapse; border-top:1px solid #f29c4f; width:100%;}
.txt_full tr{}
.txt_full th{border-bottom:1px solid #efefef; color:#000; font-weight:bold; vertical-align:top; padding-top:5px; width:80px; text-align:left; line-height:20px; height:20px;}
.txt_full td{border-bottom:1px solid #efefef; color:#646464; padding-bottom:5px; padding-top:5px; line-height:20px; height:20px;}
.tab{ clear:both; width:747px; height:31px; background:url(../../images/sub/bg_tab01.gif) repeat-x left 0;}
.tab li{ display:inline; float:left; text-align:center;}
.tab li a{ color:#646464; display:block; line-height:30px; width:131px;}
.tab li a.out{ color:#646464; font-weight:bold; display:block; line-height:31px; width:131px; background:url(../../images/sub/bg_tab_out.gif) no-repeat;}
.tab li a.over{color:#444; font-weight:bold; display:block; line-height:31px; width:131px; background:url(../../images/sub/bg_tab_over.gif) no-repeat;}
.txt_comment{ clear:both; width:720px; background-color:#f9f9f9; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; padding:15px 15px; font-size:12px; color:#656565; line-height:20px; margin-top:10px;}

/*환영의 글*/
.info{ font-size:15px;}
.info img{ margin-bottom:25px;}
.info p{line-height:30px;}
.sign { text-align:right; padding:50px 0 0 0;}
.test_txt{ text-align:left; font-size:16px; color:#686868; margin-bottom:60px; line-height:22px;}

/*문학관 MI*/
.mi{ margin-bottom:30px;}
.mi dt{ font-weight:bold; font-size:15px; line-height:30px; color:#000;}
.mi dd{ font-size:13px; line-height:20px; margin-bottom:10px;}
.mi dd em{ color:#000;}


/*관람안내 및 예약*/
.bg_back{ width:730px; height:152px; background:url(../../images/sub/bg_visit.gif) no-repeat left bottom; }
.visit_list{position:relative; width:100%; margin-bottom:30px;}
.visit_list table{border-collapse:collapse; border-top:2px solid #d5d5d5; width:100%;  font-size:13px;}
.visit_list th{ line-height:20px; text-align:left; font-weight:normal; background-color:#f6f6f6; border:1px solid #d5d5d5; font-weight:bold; text-indent:10px; padding:17px 0 17px 10px;}
.visit_list td{border:1px solid #d5d5d5; color:#555; font-size:13px; text-align:lefrt; line-height:20px; padding:17px 0 17px 10px;}
.visit_list td img{ vertical-align:middle;}
.grey_title{ background-color:#9b9b9b; color:#FFF; font-weight:bold; line-height:34px; text-indent:15px; margin-bottom:10px;}
.txt_list_ul{ border-top:1px solid #b2bbc4; border-bottom:1px solid #b2bbc4; }
.txt_list_ul li{ line-height:34px; font-size:13px; text-indent:15px; background:url(../../images/sub/dot_line2.gif) repeat-x left bottom;}
.alin{ clear:both; text-align:center; margin-top:40px; margin-bottom:20px; }
.col_red{ color:#f74116;}

/*오시는 길*/
.map{ padding:0 0 20px 0;}
.map .map_txt{ float:left; width:588px; padding:20px 0 0 10px; font-size:13px;}
.map .btn_map{ float:right; padding:15px 0 0 0;}
.map_ul{clear:both;  border-top:1px solid #e5e5e5;}
.map_ul li{ clear:both; padding:30px 0 40px 0;  border-bottom:1px solid #e5e5e5;}
.map_ul li .map_img{ float:left; margin-top:10px;}
.map_ul li dl{ float:right; width:620px; }
.map_ul li dt{ font-weight:bold; font-size:15px; color:#494949; line-height:22px; margin-top:10px;}
.map_ul li dt img{ vertical-align:middle;}
.map_ul li dd{ line-height:22px; font-size:13px;}
.map_ul li dd em{ color:#333;}

/*상설전시*/
.display{ width:100%; }
.display_img{ display:inline; float:left; }
.display_img li{ margin-bottom:20px;}
.display_txt{ display:inline; float:right; width:358px;}
.display_txt dl{ margin-bottom:40px;  }
.display_txt dt{ font-size:15px; font-weight:bold; border-top:1px solid #181818; line-height:25px; }
.display_txt dd{ text-indent:15px; line-height:20px;}
.display_txt .bot_line{ border-bottom:1px solid #b4b4b4;}
.display_txt .dot_orange{background:url(../../images/sub/dot_orange.gif) no-repeat 15px center;}
.display_txt .bullet01{background:url(../../images/sub/bg_bullet01.gif) no-repeat left center; padding-left:15px; color:#664983;}
.display_txt .bullet02{background:url(../../images/sub/bg_bullet02.gif) no-repeat left center; padding-left:15px; color:#4b83b5;}
.display_txt .bullet03{background:url(../../images/sub/bg_bullet03.gif) no-repeat left center; padding-left:15px; color:#0f8d53;}
.display_txt .bullet04{background:url(../../images/sub/bg_bullet04.gif) no-repeat left center; padding-left:15px; color:#8dbd5d;}
.display_txt .bullet05{background:url(../../images/sub/bg_bullet05.gif) no-repeat left center; padding-left:15px; color:#d1d020;}
.display_txt .bullet06{background:url(../../images/sub/bg_bullet06.gif) no-repeat left center; padding-left:15px; color:#f6d014;}


/*교육프로그램안내*/
.program{ margin-bottom:30px;}
.program dt{ font-weight:bold; font-size:15px; line-height:30px; color:#000;}
.program dd{ font-size:13px; line-height:20px; margin-bottom:10px;}
.program dd em{ color:#000;}
.edu_program{ margin:0 auto; position:relative; width:719px; height:580px; background:url(../../images/sub/bg_program.gif) no-repeat left top;}
.edu_program dt{ font-weight:bold; font-size:15px; color:#000;  line-height:20px; padding-bottom:10px;}
.edu_program dd{font-size:14px; line-height:20px;}
.edu_program .program01{ position:absolute; top:46px; left:38px;}
.edu_program .program02{ position:absolute; top:46px; left:400px;}
.edu_program .program03{ position:absolute; top:336px; left:38px;}
.edu_program .program04{ position:absolute; top:336px; left:400px;}

/*플랫폼*/
.platform{margin-bottom:30px;}
.platform dt{font-weight:bold; font-size:15px; line-height:30px; color:#000;}
.platform dd{ font-size:13px; line-height:20px; margin-bottom:10px;}
.btn_platform{ width:100%; text-align:center;}


/*오늘의 근대문학*/
.today{ width:748px; height:277px; background:url(../../images/sub/bg_today.gif) no-repeat left top; margin-bottom:20px;}
.today .day_number{ width:448px; padding:170px 0 0 300px;}
.today .day_number li{ display:inline; float:left;}
.today .day_number .arrow{ display:block; margin:15px 5px 0 5px;}
.today .day_number .number_ul{ width:395px; margin-left:5px; margin-top:10px; border-collapse:collapse;}
.today .day_number .number_ul td{ font-size:15px; color:#999; background-color:#f0f0f0; border:1px solid #dddbd8; text-align:center; line-height:36px; width:79px;}
.today .day_number .number_ul td a{ font-size:15px; font-weight:bold; color:#000;}


.today_dl{ clear:both; width:728px; border-bottom:1px solid #f29c4f; border-top:5px solid #f29c4f; padding:20px 10px 20px 10px;}
.today_dl dt{ border-bottom:1px solid #aaa; line-height:24px; margin-top:20px;}
.today_dl dt span{ background-color:#aaa; line-height:24px; font-weight:bold; font-size:15px; white-space:10px; color:#FFF; padding:5px 50px 5px 50px;}
.today_dl dd{ line-height:26px; text-indent:10px; background:url(../../images/sub/bullet_dot.gif) no-repeat 5px center; height:26px;}


/*관련기관*/
.all_list{background-color:#f6f6f6; padding:23px 0 23px 0; height:400px; margin-bottom:30px;}
.all_list ul{}
.all_list ul li{display:inline; float:left; margin:5px 0 20px 20px; background:url(../../images/sub/dot_line3.gif) repeat-x left top; line-height:31px; padding:0 10px 0 0; width:210px; overflow:hidden; position:relative;}
.all_list .icon_home{background:url(../../images/sub/bullet_home.gif) no-repeat 10px center; overflow:hidden; }






/*tab
.btn_tab{width:100%; margin-bottom:10px; display:inline-block;}
.btn_tab li{ display:inline; float:left; text-align:center; background-color:#CCC;}
.btn_tab li a{ display:block; line-height:40px; font-weight:bold; font-size:15px; text-decoration:none;}
.btn_tab li a.over{ background-color:#3ec2c7; color:#FFF;  font-weight:bold; font-size:15px; text-decoration:none;}
*/
.btn_tab{width:100%; background:url(../../images/sub/bg_tab.gif) repeat-x; height:34px; margin-bottom:10px;}
.btn_tab li{float:left; font-weight:bold;}
.btn_tab span{display:block; float:left; background:url(../../images/sub/bg_tab_off_l.gif); width:2%; height:34px;}
.btn_tab a{display:block; float:left; background:url(../../images/sub/bg_tab_off_r.gif) top right; height:25px; padding-top:9px; width:98%; text-align:center;}
.btn_tab li a.over{display:block; float:left; background:url(../../images/sub/bg_tab_on_r.gif) top right; height:25px; padding-top:9px; width:98%; text-align:center; color:#FFF;}
.btn_tab span.over{display:block; float:left; background:url(../../images/sub/bg_tab_on_l.gif); width:2%; height:34px;}


/*하단 버튼모음*/
.btn_all{clear:both; padding:10px 0 10px 0; text-align:center;}
.btn_all li{display:inline; margin-right:10px; }
.btn_all li img{margin-right:5px;}
.ButList{padding:3px;}

/*페이징*/
.page{ clear:both; margin:0 auto; width:90%; line-height:35px; text-align:center; }
.page a{ padding:0 10px 0 10px;}

.comment{ line-height:25px; }
.comment em{ color:#fe5301; font-weight:bold;}

.member_list20{border-top:1px solid #f29c4f; border-bottom:1px solid #f29c4f; width:100%;}
.member_list20 table{border:1px solid #e5e5e5; border-collapse:collapse; width:100%; }
.member_list20 th{width:150px; color:#656565; font-size:12px; line-height:30px; text-align:left; font-weight:bold; background-color:#f6f6f6; border:1px solid #e5e5e5; padding:0 5px 0 5px; text-indent:10px;}
.member_list20 td{border:1px solid #e5e5e5; color:#555; font-size:12px; text-align:left; line-height:30px; padding:0 0 0 5px; text-indent:5px;}
.member_list20 td img{vertical-align:middle;}
.member_list20 td span{color:#8888d0; font-weight:bold;}
.member_list20 table input{border:1px solid #cbcbcb; height:20px; text-indent:5px; color:#555; line-height:20px;}
.member_list20 table textarea{border:1px solid #cbcbcb; color:#555;}

.order_list01{width:100%;}
.order_list01 table{border-collapse:collapse; border:1px solid #e5e5e5; width:100%;}
.order_list01 th{ color:#656565; font-size:12px; line-height:30px; text-align:center; background-color:#f6f6f6; border:1px solid #d5d5d5; font-weight:bold;}
.order_list01 td{border:1px solid #d5d5d5; color:#555; font-size:12px; text-align:center; line-height:30px;}
.order_list01 td img{ vertical-align:middle;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

/* 로그인 */
.login{background:url('../../images/login_bg2.gif') no-repeat; width:688px; height:289px;  margin:0 auto; margin-top:50px;}
.login_text{ padding:20px 0 0 250px;}
.login_group{position:relative; left:150px; top:45px; width:400px; }
.login_group_id{padding:3px 19px;}
.login_group_id img{vertical-align:middle; margin-right:10px;}
.login_group_id input{width:190px; vertical-align:middle;}
.login_group_pw{padding:3px 10px;}
.login_group_pw img{vertical-align:middle; margin-right:10px;}
.login_group_pw input{width:190px; vertical-align:middle;}
.login_group_btn{position:relative; top:-48px; left:260px;}
.login_group2{position:relative; left:150px; top:35px; width:350px; display:inline-block; margin:3px 0px;}
.login_group2_txt{float:left; width:220px; line-height:24px; color:#000; font-size:12px;}