@charset "utf-8";

/* Contents CSS Document */
.wd_350{ width:350px;}
.wd_400{ width:400px;}
.wd_470{ width:470px;}
.wd_450{ width:450px;}
.wd_500{ width:500px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgt50{ margin-top:50px;}
.bgb30{ margin-bottom:30px;}

/* 게시판 */
.tb_list_sj{font-size:15px;}
.tb_list_name{font-size:15px;}
.tb_list_num{font-size:15px;}

/* 이용안내 */
/** 관람안내 **/
.hyangto_intro{}
.hyangto_intro_img{display:flex; justify-content:flex-end; height:255px; background:url(../images/content/bg_guide_top.jpg) no-repeat 0 0;}
.hyangto_intro_photo_03{float:left; width:430px; height:255px; background:url(../images/intro/hyangto_img_03.jpg) no-repeat;}
.hyangto_intro_photo_04{float:left; width:430px; height:255px; background:url(../images/intro/hyangto_img_04.jpg) no-repeat;}
.hyangto_intro_tit{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; width:320px; background-color:#444; color:#fff; font-size:21px; text-align:center;}
.hyangto_intro_tit:before{content:''; width:40px; height:2px; background-color:#fff;}
.hyangto_intro_txt{margin-top:35px; line-height:1.5em;}
.hyangto_intro_detail{margin-top:35px;}
.hyangto_intro_detail_tit{padding-top:15px; width:150px; height:30px; color:#fff; font-weight:bold; text-align:center; background:#444;}
.location-map{position:relative; aspect-ratio:966/440; width:100%; box-sizing:border-box; padding:0; border:1px solid #ddd;}
.location-map:before{display:none;}
.location-map > img{width:100%; height:100%; object-fit:cover;}
.location-map > div{position:absolute; top:0; left:0; width:100% !important; height:100% !important; font-size:0;}
.location-map .root_daum_roughmap .wrap_controllers {display:none}
.location-map .root_daum_roughmap {padding:0; border:none}
.location-map .root_daum_roughmap .wrap_map{height:100% !important; font-size:12px;}
.location-map .root_daum_roughmap .map_border{display:none;}
.location-map .root_daum_roughmap .cont{display:none;}
/* 시설 안내 */
.cont_facility .facility_list{display:grid; grid-template-columns:repeat(3, 1fr); gap:15px 10px;}
.cont_facility .facility_list li{display:flex; flex-direction:column; gap:5px; text-align:center;}
/* 단체관람 및 전시해설 */
.cont_group_guide .box_top{display:flex; justify-content:flex-end; height:265px; background:url(../images/content/bg_group_guide.jpg) no-repeat 0 0;}
.cont_group_guide .box_top .text{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; width:450px; background-color:#444; color:#fff; font-size:21px; text-align:center;}
.cont_group_guide .box_top .text:before{content:''; width:40px; height:2px; background-color:#fff;}
/* 달성공원(토성) 안내 */
.cont_dalseong .dalseong_wrap{display:flex; align-items:flex-start; gap:56px;}
.cont_dalseong .dalseong_wrap .img{flex-shrink:0; width:400px;}
.cont_dalseong .dalseong_wrap .cont .tit{position:relative; padding-top:30px; font-size:24px;}
.cont_dalseong .dalseong_wrap .cont .tit:before{content:''; position:absolute; top:0; left:0; width:74px; height:4px; background-color:#915632;}
.cont_dalseong .dalseong_wrap .cont .text{display:flex; flex-direction:column; gap:30px; margin-top:30px;}
/* 상설전시 */
.cont_exh .box_top{display:flex; justify-content:flex-end; height:255px; background:url(../images/content/bg_exh_top.jpg) no-repeat 0 0;}
.cont_exh .box_top .text{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; width:450px; background-color:#444; color:#fff; font-size:21px; text-align:center;}
.cont_exh .box_top .text:before{content:''; width:40px; height:2px; background-color:#fff;}
.cont_exh .section_exh_room{margin-top:60px;}
.cont_exh .section_exh_room .section_tit{position:relative; padding-top:20px; font-size:21px;}
.cont_exh .section_exh_room .section_tit:before{content:''; position:absolute; top:0; left:0; width:60px; height:3px; background-color:#9c6646;}
.cont_exh .section_exh_room .exh_room_overview{margin-top:20px; padding:70px; background-color:#f4f5f6;}
.cont_exh .room_list{column-count:3; column-gap:40px; margin:30px 20px -10px;}
.cont_exh .room_list li{position:relative; margin-bottom:10px; padding-left:28px;}
.cont_exh .room_list li .num{position:absolute; top:0; left:0; font-size:inherit; line-height:inherit; letter-spacing:-1px;}
/* 유물기증 */
.cont_donation .box_top{display:flex; justify-content:flex-end; height:265px; background:url(../images/content/bg_donation_top.jpg) no-repeat 0 0;}
.cont_donation .box_top .text{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; width:450px; background-color:#444; color:#fff; font-size:21px; text-align:center;}
.cont_donation .box_top .text:before{content:''; width:40px; height:2px; background-color:#fff;}
.cont_donation .section_donation{margin-top:60px;}
.cont_donation .txt{margin-bottom:10px;}
.cont_donation table .conLst3{margin-bottom:0;}
.cont_donation .btn_download{display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border:1px solid #333; border-radius:3px;}
.cont_donation .btn_download:after{content:''; width:22px; height:18px; margin-left:2px; border-left:1px solid #ddd; background:url(../images/common/2025/icon/ico_download.svg) no-repeat 100% 50%/18px 18px;}
/* 연혁 */
.cont_history .intro{display:flex; flex-direction:column; gap:30px;}
.cont_history .building_images{margin-top:30px; display:flex; justify-content:center; gap:20px;}
.cont_history .history_title{margin-top:30px; font-weight:700; text-align:center;}
.cont_history .history_title h2{font-size:15px;}
.cont_history .timeline{position:relative; margin-top:20px; padding-top:60px;}
.cont_history .timeline:after{content:''; position:absolute; top:0; left:0; right:0; width:13px; height:15px; margin:0 auto; background-color:#bf8d2f; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.cont_history .timeline:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:1px; margin:0 auto; background-color:#d7d7d7;}
.cont_history .timeline_period{position:relative; width:50%; padding-right:40px;}
.cont_history .timeline_period:nth-child(even){margin-left:auto; padding:0 0 0 40px;}
.cont_history .timeline_period:nth-child(odd){text-align:right;}
.cont_history .period_title{font-weight:700; font-size:28px; text-decoration:underline; text-underline-offset:3px;}
.cont_history .period_title:after{content:''; position:absolute; top:20px; right:0; width:13px; border-top:3px solid #bf8d2f; transform:translateX(50%);}
.cont_history .timeline_period:nth-child(even) .period_title:after{right:auto; left:0; transform:translateX(-50%);}
.cont_history .timeline_item{margin-top:10px;}
.cont_history .timeline_item li{display:flex; gap:15px;}
.cont_history .timeline_period:nth-child(odd) .timeline_item li{flex-direction:row-reverse;}
.cont_history .timeline_item li:not(:first-child){margin-top:10px;}

/** 찾아오시는길 **/
.map{}
.map_area{width:740px; height:460px; text-align:center; border:solid 1px #d9d9d9;}
.map_txt{margin-top:30px; line-height:1.5em;}
.map_txt p{margin-top:5px;}
#map{margin-top:-19px;}

/** 연혁 **/
.hyangto_history{ overflow:hidden;  padding-top:30px;}
.hyangto_img{float:left; width:330px; height:270px; background:url(../images/intro/hyangto_his_img.jpg) no-repeat;}
.hyangto_con{ float:left;  margin:0 0 30px 30px; background:url(../images/intro/hyangto_his_bg.gif) repeat-y; display:inline-block;}
.hyangto_line_img{width:14px; height:16px; background:url(../images/intro/history_line_img.gif) no-repeat;}

.hyangto_txt{padding:0 0 0 20px; font-weight:bold; line-height:1.5em;}
.hyangto_tit{height:40px; color:#6c5648; font-size:3em; background:url(../images/intro/history_tit_line.gif) no-repeat bottom left;}
.hyangto_tit2{margin:13px 0 40px 0; font-size:1.3em;}

.hyangto_year{margin-top:20px; padding:0 0 0 20px; text-align:left; background:url(../images/intro/history_year_bullet.gif) no-repeat  0 20px;}
.hyangto_y_tit{margin-bottom:15px; font-size:2.2em; font-weight:bold; text-decoration:underline; display:block;}
.hyangto_y_day{}

/* 대구의 역사 */
.daegu_history { overflow:hidden;}
.daegu_history .his_left{ float:left;}
.daegu_history .his_right{ float:right;}
.daegu_history .his_towimg{margin-top:20px;}
.daegu_history .cont01 ul { overflow:hidden;}
.daegu_history .cont01 li { margin-bottom:25px; text-align:center;}
.daegu_history .cont02 ul { overflow:hidden; }
.daegu_history .cont02 li { float:left; margin-right:10px; text-align:center;}
.daegu_history li img{ margin-bottom:10px;}
.daegu_history .his_tit{font-size: 1.7em; font-weight: bold;   padding-top: 20px; margin-bottom:23px; background: url(../images/intro/his_tit_line.gif) no-repeat top left;}
.daegu_history .his_txt{ line-height:23px; }

.daegu_history2 { }
.daegu_history2 .his_towimg{margin-top:20px;}
.daegu_history2 .cont02{ overflow:hidden; }
.daegu_history2 .cont02 li { float:left; margin-right:10px; text-align:center;}
.daegu_history2 .cont02 img{ margin-bottom:10px;}
.daegu_history2 .his_tit{font-size: 1.7em; font-weight: bold;   padding-top: 20px; margin-bottom:23px; background: url(../images/intro/his_tit_line.gif) no-repeat top left;}
.daegu_history2 .his_txt{ line-height:23px; }

/* 대구의 문화와 산업 */


/* 주요 소장유물 */


/* 관련링크 */

/* 상단문구_이미지 있는경우 */
.top_img{ background:url(../images/intro/top_img_0249.jpg) no-repeat 0 0; height:71px; padding: 15px 0 0 95px;    margin-bottom: 10px;}
.top_img2{ background:url(../images/intro/top_img_0209.jpg) no-repeat 0 0; height:71px; padding: 15px 0 0 95px;    margin-bottom: 40px;}


/* 기획전시 및 발간자료 */
 /* 검색 */
 .bx_srch_event2{position:relative;padding:28px 19px;border:1px solid #d9d9d9;border-top:2px solid #444; background:#f8f8f8;}
 .bx_srch_event2 select{padding:3px;width:140px;}
 .bx_srch_event2 .word{width:330px;margin:0 0 0 10px;}
 .bx_srch_event2 .btn{position:absolute; top:18px; right:0; height:45px; padding:0 20px; border-left:1px solid #d9d9d9;}


/* ico_color */
.ico.green{background:#009b79;}
.ico.red{background:#7f4e2d;}
.ico.grayg{background:#666666;}

/* 기획전시 */
.jeon_area{overflow:hidden;}
.jeon{overflow:hidden;margin:0 -20px 0;border-bottom:1px solid #d6dadc;}
.jeon>li{float:left;margin:0 0 -1px;padding:30px 20px;width:210px;height:350px;border-bottom:1px solid #d9d9d9;}
.jeon .img a{position:relative;display:inline-block;}
.jeon .img a:before{content:''; display:block; position:absolute; top:0; left:0; width:200px; max-height:240px; }
.jeon .img a:after{content:''; display:block; position:absolute; top:50%; left:50%;margin:-25px 0 0 -27px; width:54px; height:51px;}
.jeon .img img{width:200px;max-height:240px; border:1px solid #DDDDDD;}
.jeon .info .tit{display:block;margin:10px 0 10px;font-size:1.23em;text-align:center;font-weight:bold;line-height:1.4;}
.jeon .info .tit2{display:block;margin:10px 0 10px;font-size:1em;text-align:center;line-height:1.2;}
.jeon .info .lst{margin:0 0 13px;}
.jeon .info .lst li{position:relative;padding:0 0 5px 10px;font-size:1.077em;color:#7c7c7c;}
.jeon .info .lst li:before{content:''; display:block; position:absolute; top:50%; left:0;margin-top:-5px; width:3px; height:3px; background:#b6b6b9;}


/* 기획전시 */
.dp_tit{margin-bottom:25px;font-size:20px;font-weight:bold;}
.dp_tit span{margin-left:5px;}
/* ico */
.ico{position:relative;display:inline-block;overflow:visible;margin:0;padding:3px 10px;border:0;white-space:nowrap;text-align:center;font-size:11px !important;color:#fff;vertical-align:middle;}
/* ico_color */
.ico.green{background:#009b79;}
.ico.red{background:#7f4e2d;}
.ico.grayg{background:#666666;}
.info{}
.info li{font-size:14px;line-height:1.8;}
.photo_tit{margin-bottom:10px;font-size:14px;}
.photo_lst{overflow:hidden;}
.photo_lst li{float:left;width:25%;}
.photo_lst li span{display:block;margin:3px 0 0;font-weight:bold;text-align:center;}


/* 이용안내 */