@charset "utf-8";

.content h4{ font-size:20px; padding:10px 0; color:#3f3f3f; }
.content h5{ font-size:18px; padding:8px 0; color:#0d3f98;  position:relative; padding-left:20px;  }
.content h5:before,.content h5:after{ display:block; position:absolute; top:0; left:0; content:"" }
.content h5:before{ width:15px; height:15px; top:9px; background: linear-gradient(130deg, rgba(17,89,218) 0%, rgba(13,65,152) 100%); border-radius: 30px; }
.content h5:after{ width:5px; height:5px; background:#fff; border-radius: 30px; left:5px; top:14px; }
.content h6{ font-size:16px; padding:6px 0; color:#565656; position:relative; padding-left:10px;  }
.content h6:before{ display:block; position:absolute; top:12px; left:0; content:""; width:5px; height:5px; border-radius:10px; background:#565656; }

.content p{ font-size:14px; line-height: 1.3; color:#595959  }

.list_basic li{ position:relative; padding-left:12px; font-size:14px; line-height: 1.4; color:#595959; margin-bottom:5px;}
.list_basic li:before{content:""; display:block; position:absolute; top:10px; left:0;   } 
.list_basic.lt01 li:before{width:6px; height:2px; border-radius:10px; background:#565656;}
.list_basic.lt02 li:before{width:4px; height:4px; background:#aaa; border-radius:50%;}
.list_basic.lt01.noblet li{position:static;}

.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d;   }
.box_st01{ border:#fad3d3 solid 1px;}
.box_st01 .inner{ border:#fff3f3 solid 5px; padding:15px; }
.box_st01 .inner p{  color:#c90223; font-weight:400 }

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:8px auto; }
.box_st02 strong{font-size:16px; display:block; margin-bottom:10px;}

.box_st03{border-bottom:1px solid #dedede; color:#454545;}
.box_st03 img{display:block; width:auto; margin:8px auto;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500;  margin:5px 0; }
.btn_con:after{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-left:10px;  }
.btn_blk{ border:#2a2a2a solid 1px; color:#2a2a2a }
.btn_blk.btn_revers{ border:#2a2a2a solid 1px; background-color:#2a2a2a; color:#fff;  }
.btn_red{ border:#eb4141 solid 1px; color:#fb4141 }
.btn_red.btn_revers{ border:#eb4141 solid 1px; background-color:#fb4141; color:#fff;  } 
.btn_go:after{  content:"\f105";   font-weight:700; line-height: 16px;  }
.btn_link:after{  content:"\f2d2"; font-weight:300;  }
.btn_down:after{  content:"\f33d"; font-weight:300;  }
.btn_down:after, a[target="_blank"].btn_down::after{  content:"\f33d" !important; font-weight:300 !important;  }

.btn_con.btn_small{padding:6px 8px;}
.btn_con.btn_small.btn_ss{padding:2px 8px;}

.btn_down03_s{ background-color:#222; border:#14183d solid 1px; color:#fff; padding:5px 10px;}

.img_box{text-align:center;}
.img_box.img_box001{border:1px solid #aaa; padding:20px; border-radius:5px;}
img{max-width:100%;}


.color01{color:#eb4141;}
.color02{color:purple;}
.weight01{font-weight:500;}
.back_color{background-color:#fffbf8;}

/*기본테이블*/
.table_scroll {overflow-x: auto;}
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1e1e1e solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px;  border-right:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }
/*.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }*/
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:15px; color:#1e1e1e; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table td.bg_g{background:#fafafa;}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.basic_table tr td ul li{text-align:left;}
.border_none{ border-right:none;}

.basic_table.table_resp th{ text-align: left;  }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;}
.basic_table.table_resp .no_cont{display:none;} /* 콘텐츠 없을때, 반응형조절 (직원전화번호사용)*/

.basic_table.tbl_st01{ border-top:#c32943 solid 2px; }
.basic_table.tbl_st01 th { color:#c32943; }
.basic_table.tbl_st01 td { color:#464646 }

.table_center tbody tr td{text-align:center;}


/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

/*img_wrap*/
.img_wrap { padding:20px 0; }
.img_wrap img{ display:block; max-width:100%; margin:0 auto }
.fullimg_wrap { padding:20px 0; }
.fullimg_wrap img{ display:block; width:100%; margin:0 auto }
a.blank_nobg[target="_blank"]:after{ display:none; }

/*ul style*/
.list_depth01{ margin:10px 0;}
.list_depth01 > li{ position:relative; padding-left:12px; font-size:14px; line-height: 1.8; color:#595959 }
.list_depth01 > li:before{  display:block; position:absolute; top:13px; left:0; content:""; width:6px; height:2px; border-radius:10px; background:#565656; } 
.list_depth02{ margin:10px 0;}
.list_depth02 > li{  position:relative; padding-left:12px; font-size:14px; line-height: 1.5; color:#595959}
.list_depth02 > li:before{  display:block; position:absolute; top:9px; left:0; content:""; width:3px; height:3px; border-radius:10px; background:#565656; } 
.list_depth02 > li.bgnone:before {display:none;}
@media all and (min-width:1024px){
    .list_depth01 > li {font-size:16px; }
}

/*dl style*/
dl.list_depth01 {padding:10px; margin-bottom:15px; overflow:hidden }
.list_depth01 > dt { font-size:18px; font-weight:500;  line-height:1.3; margin-bottom:10px;}
.list_depth01 > dd { font-weight:300;  line-height:1.3; margin-bottom:10px;}
.list_depth01 > dd.no_back { background:none; padding:0;  line-height:150%;}


/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (max-width:767px){
    .basic_table.table_resp thead{display:none;}
}

@media all and (min-width:768px){
    .basic_table.table_resp th{ text-align: center; }
    .basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
    .basic_table.table_resp .no_cont{display:table-cell;}
} 

@media all and (min-width:1024px){

	.content h4{ font-size:24px;  }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }	
	.content h6{ font-size:18px;  font-weight:500}
	
	.content p{ font-size:16px; line-height: 1.5 }
	 
	.list_basic li{ font-size:16px; }
	
	.box_default{ padding:30px; }
	.box_default p{ font-size:14px;   }
	
	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }
    .box_st02 strong{font-size:20px;}
    
    .box_st03{padding:40px 60px; overflow:hidden;}
    .box_st03 img{float:left; margin-right:40px;}
	
	.basic_table thead tr th,.basic_table thead tr td { padding:15px 10px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 10px;  }
    .basic_table th { font-size:16px;}
    
    /* 작은 테이블 (테이블 길이가 넘어갈때)*/
	.basic_table.table_small thead tr th, .basic_table.table_small tbody tr th{padding:10px 2px; font-size:14px;}
    .basic_table.table_small thead tr td{padding:10px 2px; font-size:13px;}
    
    /*box안에 내용이 길때*/
    .box_st02 .img_mb{margin-bottom:60px;}
    .box_st02 .img_mb01{margin-bottom:112px; margin-right:21px;}
    .box_st02 .mt10 > .img_mb02{margin:0 10px 0 0;}
    
    
}

/*다운로드 리스트*/
.list_down{border-top:#1e1e1e solid 2px; margin-bottom:15px;}
.list_down li{padding:15px 10px; border-bottom:1px solid #d8d8d8; font-weight:400;}
.list_down li .btn{margin-top:7px;}
@media all and (min-width:768px){
    .list_down li{position:relative; padding:20px;}
    .list_down li .btn{margin-top:0; position:absolute; top:8px; right:20px;}
}

/* 단계_기본5개 */
.list_step{margin: 15px;}
.list_step > li{ text-align:center; border:1px solid #d8d8d8; border-radius:5px; margin-bottom:40px; position:relative; padding:20px;  line-height:1.4; }
.list_step > li:last-child{margin-bottom:0;}
.list_step > li:before {content:''; position:absolute; top:0; left:50%; margin:-35px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #222; border-bottom:2px solid #eb4141; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.list_step > li:first-child:before{display:none;}

@media all and (min-width:768px){
    .list_step{overflow:hidden;}
    .list_step > li{float:left; width:43%; margin:0 3.5% 20px 3.5%;}
    .list_step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
	
	.list_step.col07 > li{min-height:138px;}

	.list_step.st01 > li, .list_step.st02 > li, .list_step.st03 > li{min-height:197px; display:flex; flex-wrap:wrap; justify-content:center; flex-direction:column;}
	.list_step.st02 > li{width:26%; min-height:134px}
	.list_step.st03 > li{min-height:162px;}
	
}
@media all and (min-width:1024px){
    .list_step > li{ width: 27%;margin: 0 3% 20px 3%; display:flex; justify-content:center; flex-direction:column }
    .list_step > li:before{left: -27px;}
	.list_step.st04 > li{width:19%}
    
}
@media all and (min-width:1200px){
	.list_step{margin:15px 0;}
    .list_step > li{width:18%; margin:0 1.25%; min-height:86px;}
    .list_step > li.s_con{padding-top:30px;}
    .list_step > li > br{display:block;}
    .list_step > li:before{left:-16px;}
    .list_step > li:first-child{margin-left:0;}
    .list_step > li:last-child{margin-right:0;}

	.list_step.st01 > li{width:22%; min-height:220px;}
	.list_step.st01 > li:nth-child(5){margin-left:2%}
	.list_step.st01 > li:nth-child(n+5){margin-top:1.25%;}
	.list_step.st02 > li{width:18%; padding:12px;}
	.list_step.st03 > li{width:22%;}
	.list_step.st03 > li:nth-child(5){margin-left:2%;}
	.list_step.st03 > li:nth-child(n+5){margin-top:1.25%;}
	.list_step.st04 > li{width:23%; min-height:162px;}
	
	.list_step.col07 > li{width: 21.5%; margin: 0 0.5% 20px 2.5%; min-height: 164px;}
}

.list_step .part{display:block; background:#f8f8f8; padding:10px; margin-bottom:10px;}

/*이미지 플로트*/
.img_fl_box > img{margin-bottom:10px; }
.img_fl_box p{text-align:justify;}
.divide_line { border-bottom: 1px dashed #ccc; padding-bottom: 20px;}

@media (min-width:768px) {
	.img_fl_box{overflow:hidden;}
	.img_fl_box > img{float:left; margin-right:15px; margin-bottom:45px;}
}

/*이미지 mb*/
.mb_none{margin-bottom:0;}

/*가마터*/
.float_box{text-align:center;}
.float_box > li{margin-bottom:10px;}

@media (min-width:768px) {
	.float_box{overflow:hidden; width:430px; margin:0 auto;}
	.float_box > li:nth-child(1){float:left; margin-right:15px;}
}

/*충효동요지*/
.float_box01{text-align:center;}

@media (min-width:768px) {
    .float_box01{display:flex; justify-content:center; flex-wrap:wrap;}
    .float_box01 > li{margin-right:15px;}
    .float_box01 > li:last-child{margin-right:0;}
}
/*묻고 답하기*/

.barotop_style { background: url("/home/gjhfm/images/sub/barogo_leftimg.jpg") no-repeat center top; padding-top: 190px; margin: 50px 20px 0 20px; line-height:150%;}
.baro_btn { background:url(http://www.gwangju.go.kr/home/site/gwangju/img/common/barogo_bg.png) no-repeat left top; margin:40px 0 0 0;}
.baro_btn a {display:block; padding:15px 0 0 30px; width:209px; height:57px;}
.baro_btn span { font-size:18px; color:#fff;}
@media all and (min-width:768px){
   .barotop_style { height: 270px; background: url("/home/gjhfm/images/sub/barogo_leftimg.jpg") no-repeat left top; padding-top:0; padding-left: 190px; margin: 50px 20px 0 20px; line-height:150%;} 
}


/*전시마당 상설전시*/
.btn_area { float: none; display: inline-block;}
.btn_area ul {width: 100%;}
.mt110 {margin-top: 110px;}
.btn_area ul li { float: left;}
.tabBtn01 { text-align: left; margin: 5px 0; width: 135px;}
.tabBtn01:nth-child(4) {clear: none;}
.tabBtn01 img { display: none;}
.tabBtn01 a {display: inline-block; padding: 10px 15px; background: #927b48; color: #fff; border-radius: 30px; font-weight:600;}
.tabBtn01 a:hover {background: #705a29;}
.tabBtn01 a:focus {background: #705a29; font-weight:600;}

.tabBtn02 { float: none !important; text-align: left; margin: 5px 0;}
.tabBtn02:nth-child(4) {clear: none;}
.tabBtn02 img { display: none;}
.tabBtn02 a {display: inline-block; padding: 10px 15px; background: #af4163; color: #fff; border-radius: 30px; font-weight:600;}
.tabBtn02 a:hover {background: #92294a;}
.tabBtn02 a:focus {background: #92294a; font-weight:600;}
.hidebox {clear: both; padding-top: 20px; border-top: 3px dotted #ddd;}

/*박물관소개*/
.fm_mem {background:none;}
.fmmem_history {background:none; padding-left:0;}

.history_table { width:100%; border-bottom:#757c86 solid 1px;  }
.history_table tbody th, .history_table tbody td {padding:5px; border-right: #ccc solid 1px;}
.history_table tbody th.t_border {border-top:3px solid #006699;}
.history_table tbody td.t_border {border-top:3px solid #006699;}
.history_table tbody th { background-color:#f5f5f5; text-align:center; vertical-align:baseline;}
.history_table tbody td.va_top {vertical-align:baseline;}
.history_table tr th:last-child,.history_table tr td:last-child{ border-right:0}
.history_table .td_left { text-align:left }

@media all and (min-width:470px){
  .btn_area ul {width: 100%;}
  .tabBtn01, .tabBtn02 { text-align: center; width: 178px; margin: 0 10px 32px 0;}
  .tabBtn02 {float: left !important;}
  .tabBtn01 img, .tabBtn02 img { display: block; margin: 0 0 25px 0;}
  .tabBtn01 a, .tabBtn02 a {padding: 10px 25px;}
}

@media all and (min-width:640px){
  .btn_area ul {width: 100%;}
  .tabBtn01, .tabBtn02 {width: 178px;}
  .tabBtn01:nth-child(4), .tabBtn02:nth-child(4) {clear: both;}
}

@media all and (min-width:1024px){
  .btn_area { float: right;}
  .btn_area ul {width: 100%;}
  .tabBtn01, .tabBtn02 {margin: 0 0 40px 15px;}
  .fm_mem {background:url(/home/gjlm/images/sub/070100_img1.jpg) no-repeat top right;}
  .fmmem_history {/*background:url(/home/gjlm/images/sub/070200_bg.jpg) 0 10px no-repeat; min-height:550px; padding-left:290px;*/}	
}



.floor_1f h5.s_tit1, .dpbox h5.s_tit1 {font-size:20px;  color:#eb4141; background:url(/home/gjlm/images/sub/h3.png) left center no-repeat; padding:8px 0 8px 20px !important}

.floorplan img {width: 100%; margin-top: 20px;}
.floor_1f {margin-bottom: 30px;}
.floor_1f .announce { margin-top: 30px; margin-bottom: 30px; border: 3px solid #843848; padding: 5px; color: #fff;}
.floor_1f .announce > div {background: #92294a; margin: 5px; padding: 15px;}
.floor_1f .announce > div > p {line-height: 1.4; color: #fff;}
.floor_1f .dpbox {clear: both; margin-bottom: 30px; display: inline-block;}
.floor_1f .dpbox img {float: left; margin-bottom: 20px; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3);}
.floor_1f .dpbox .dpbox_con01 {border: 3px solid #927b48; padding: 5px; color: #fff; margin: 15px 0;}
.floor_1f .dpbox .dpbox_con01 > div {background: #927b48; margin: 5px; padding: 15px;}
.dpbox .dpbox_con01 > div > p {line-height: 1.6; color: #fff;}
/*--#c2af8e--*/
.dpbox_con02 {clear: both; padding-top: 20px;}
.dpbox_con02 li {clear: both; min-height: 180px;}
.dpbox_con02 li:first-child {border-top: 1px solid #ddd; padding-top: 20px;}
.dpbox_con02 li:first-child.btnone {border-top: none !important; padding-top: 0;}
.dpbox_con02 li > img{ max-width: 200px; width: 100%; margin-bottom: 10px;}
.dpbox_con02 li > div {width: 100%; background: #f7f1e6; padding: 15px; min-height: 150px; border-radius: 10px; float: none; margin-bottom: 20px;}
.dpbox_con02 li > div > h4 {color: #927b48;}
.dpbox_con02 li > div > p {line-height: 1.6; color: #927b48;}
.dpbox_con02 li > div.bgc_2f {background: #fbeae8;}
.dpbox_con02 li > div.bgc_2f > h4 {color: #843848;}
.dpbox_con02 li > div.bgc_2f > p {color: #843848;}
.fr_m {float: left !important;}
.fl_m {float: none !important;}

@media all and (min-width:470px){
  .floor_1f .dpbox img {width: 200px; float: left; margin-bottom: 10px; margin-right: 20px;}
}
@media all and (min-width:1024px){
  .dpbox_con02 li > div {width: 720px; float: right;}
  .fr_m {float: right !important;}
  .fl_m {float: left !important;}
}

/*2층 추가사항*/
.floor_1f .dpbox .dpbox_con03 {border: 3px solid #843848; padding: 5px; color: #fff; margin: 15px 0;}
.floor_1f .dpbox .dpbox_con03 > div {background: #843848; margin: 5px; padding: 15px;}
.dpbox .dpbox_con03 > div > p {line-height: 1.6; color:#fff;}

/*박물관 MI소개*/
.symbol_con01 {height: 500px;}
.symbol_con01 li {float: left; width: 48%; padding: 10px;}
.symbol_con01 li:nth-child(1), .symbol_con li:nth-child(3) {margin-right: 2%;}
.symbol_con01 dl.symbol_imgbox01 {}
.symbol_con01 dl.symbol_imgbox01 dt {color: #929292; text-align: center; margin-bottom: 20px;}
.symbol_con01 dl.symbol_imgbox01 dd {text-align: center;}
.symbol_con02 {height: 200px; margin: 15px auto;}
.symbol_con02 li {float: left; margin-right: 15px;}
.symbol_con02 dl.symbol_imgbox02 {}
.symbol_con02 dl.symbol_imgbox02 dt {text-align: center; }
.symbol_con02 dl.symbol_imgbox02 dd {color: #929292; text-align: center; margin-bottom: 20px;}
.symbol_con02 dl.symbol_imgbox02 dd span {font-weight: bold;}

.symbol_colorbox {}
.symbol_colorbox dl {margin-top: 20px;}
.symbol_colorbox dl dt {color: #929292;}
.symbol_colorbox dl dt span {font-weight: bold;}
.symbol_colorbox ul.infor {}
.symbol_colorbox ul.infor li {float: left; margin-top: 10px; margin-right: 20px; margin-bottom: 30px; color: #3c3c3c; font-weight: bold;}
.symbol_colorbox ul.infor li span {display: block; width: 360px; height: 90px; color: #fff; font-size: 23px; padding: 35px 30px; margin-bottom: 5px;}
.bgc_mc01{background-color: #833848;}
.bgc_mc02{background-color: #545554;}
.bgc_mc03{background-color: #533833;}
.bgc_mc04{background-color: #927b48;}
.symbol_colorbox ul.infor li em {margin-right: 10px; color: #878787;}

/*설립목적*/
.fm_goal { background: none;}
.fm_history {background: none; padding-left: 0;}
@media all and (min-width:1040px){
	.fm_goal { background: url(/home/gjlm/images/sub/060200_bg.jpg) top right no-repeat; }
	.fm_history {/*background: url(/home/gjlm/images/sub/060300_bg.jpg) 0 10px no-repeat; min-height: 550px; padding-left: 290px;*/}
}

/*월계동장고분*/
dl.fac_list > dd > p.title {color:#F60; font-size:1.2em; margin-top:10px; margin-bottom:10px; }
dl.fac_list dt img {padding:8px; border:1px solid #ddd;}

.radius_box {border-radius:10px; border:1px solid #ddd; padding:20px;}
.rb_photo1 {background:url(/home/gjlm/images/sub/020401_img1.jpg) no-repeat top left; padding-left:290px; min-height:160px;}
.rb_photo2 {background:url(/home/gjlm/images/sub/020500_img1.jpg) no-repeat top left; padding-left:290px; min-height:160px;}
.rb_photo3 {background:url(/home/gjlm/images/sub/030500_img1.jpg) no-repeat top left; padding-left:230px; min-height:160px;}

/*광주의연표_탭메뉴*/
.tab_month {margin-bottom:30px}
.tab_month li {display:inline-block; border:1px solid #ddd; margin-bottom:10px; width:48%; text-align:center; margin-right:1%}
.tab_month li a {display:block; padding:5px 0; }
.tab_month li a.tab_on {background-color:#eb4141; color:#fff; border:none}
.h200 {height:200px;}

@media all and (min-width:640px){
	.tab_month li {width: 18%;}
}

/* 단계 */
.step > li {text-align:center; border:1px solid #ccc; margin-bottom:40px; position:relative; background: #fff;}
.step > li:last-child{margin-bottom:0;}
.step > li:before {content:''; position:absolute; top:0; left:50%; margin:-30px 0 0 -10px; display:block; width:14px; height:14px; background:transparent; border-left:2px solid #ccc; border-bottom:2px solid #ccc; transform:rotate(-45deg); transition:all .3s ease-in-out; }
.step > li:first-child:before{display:none;}
.step > li span{display:block;}
.step > li .part{padding:20px 0; background:#92294a; font-weight:400; color: #fff;}
.step > li p{padding:10px 0; line-height:1.4; font-size:16px; letter-spacing: -1px;}
.step > li p em{font-size:14px; font-style:normal;}
.step > li .date{border-top:1px dashed #dedede; padding: 5px 0;}
.step > li > ul{padding:10px 20px;}
.step > li > ul > li{font-weight: 300; margin-bottom:3px;}
@media all and (min-width:768px){
    .step{overflow:hidden;}
    .step > li{float:left; width:27%; margin:0 2.5% 20px 2.5%;}
    .step > li:before{top:50%; left:-27px; transform:rotate(-135deg); margin-top:-10px;}
    .step > li p{}
    .step_col3 > li{width:30%; margin:0 2.5% 20px 2.5%;}
    .step_col3 > li:nth-child(3n){margin-right:0;}
    .step_col3 > li:first-child, .step_col3 li:nth-child(3n+1){margin-left:0;}
    .step_col3 > li:before{left:-20px;}
    .step > li > ul{min-height: 118px;}
}
@media all and (min-width:1024px){
    .step > li{width:28%; margin:0 2.5% 20px 2.5%;}
    .step > li:before{left:-29px;}
    .step > li p{min-height:74px; padding:15px 0;}
    .step_col3 > li{width:30%;}
}
@media all and (min-width:1200px){
    .step > li{width:20%; }
    .step > li:before{left:-21px;}
    .step > li:first-child{margin-left:0;}
    .step > li:last-child{margin-right:0;}
    .step_col3 > li{width:30%; margin:0 2.5%}
    .step_col3 > li:before{left:-37px;}
}

/*찾아오시는길*/
#map{width:100%;height:400px;}
.map_info li dt {color:#666; background:url(/home/gjlm/images/sub/bullet_h501.gif) no-repeat 0 2px; padding:0 0 0 19px; margin-bottom:5px; font-weight:bold}
.map_info li dd {color:#666; background:url(/home/gjlm/images/sub/bullet_list01.gif) no-repeat 10px 8px; padding:0 0 0 25px; line-height: 1.2;}

@media all and (min-width:768px){
    .info_bus {background:url(/home/gjlm/images/sub/050800_img1.gif) top left no-repeat; padding-left:130px; min-height:125px}
    .info_car {background:url(/home/gjlm/images/sub/050800_img3.gif) top left no-repeat; padding-left:130px; min-height:125px}
    .info_etc {background:url(/home/gjlm/images/sub/050800_img4.gif) top left no-repeat; padding-left:130px; min-height:125px}
}

/*관람안내*/
@media all and (min-width:768px){
	.info_box1 {background:url(/home/gjlm/images/sub/050100_img1.jpg) no-repeat; padding-left:150px; min-height:150px;}
	.info_box2 {background:url(/home/gjlm/images/sub/050100_img2.jpg) no-repeat; padding-left:150px; min-height:150px;}
	.info_box3 {background:url(/home/gjlm/images/sub/050100_img3.jpg) no-repeat; padding-left:150px; min-height:150px;}
	.info_box4 {background:url(/home/gjlm/images/sub/050100_img4.jpg) no-repeat; padding-left:150px; padding-top:40px; min-height:150px;}
	.info_box5 {background:url(/home/gjlm/images/sub/050100_img5.jpg) no-repeat; padding-left:150px; min-height:150px;}
}

/*역사민속박물관 조직도*/
.org_box .org01{margin-bottom:40px; position:relative;}
.org_box .org01:after{content:''; display:block; position:absolute; background:#aaa; width:1px; height:40px; bottom:-40px; left:50%;}
.org_box .org01 span{display:block; text-align:center; background:#bf3048; padding:20px 0; border-radius:5px; color:#fff; font-weight:500;}

.org_box .org02 > ul > li{position:relative;}
.org_box .org02 > ul > li:first-child:after{content:''; display:block; position:absolute; background:#aaa; width:1px; height:35px; bottom:-35px; left:50%;}
.org_box .org02 > ul > li > span{background:#2a2a2a; display:block; padding:20px 0; text-align:center; color:#fff; font-weight:500; border-radius:5px;}
.org_box .org02 > ul > li > ul > li{border:1px solid #dcdcdc; display:block; text-align:center; padding:20px 0; margin-top:10px; border-radius:5px;}

.org_box .org02 > ul > li:last-child{margin-top:25px;}


@media (min-width:640px) {
	.org_box .org01 span{width:40%; margin:0 auto;}
    
    .org_box .org02{position:relative;}
    .org_box .org02:before{content:''; display:block; width:60%; height:1px; background:#aaa; left:20%; top:0; position:absolute;}
    .org_box .org02 > ul{overflow:hidden;}
    .org_box .org02 > ul > li:before{content:''; display:block; position:absolute; background:#aaa; width:1px; height:30px; top:-30px; left:50%;}
    .org_box .org02 > ul > li{float:left; width:40%; margin-right:20%;}
	.org_box .org02 > ul > li:first-child:before{height:59%; top:-59%;}
    .org_box .org02 > ul > li:first-child{margin-top:30px;}
	.org_box .org02 > ul > li:first-child:after{content:none;}
	.org_box .org02 > ul > li:last-child{margin-right:0; margin-top:120px;}
	.org_box .org02 > ul > li:last-child:before{height:120px; top:-120px;}
	
	.org_box .org02 > ul > li > ul{position:relative;}
    .org_box .org02 > ul > li > ul:before{content:''; display:block; width:1px; height:20px; background:#aaa; left:50%; top:-20px; position:absolute;}
    .org_box .org02 > ul > li > ul > li:first-child{margin-top:20px;}
}

@media (min-width:768px) {
	.org_box{width:80%; margin:0 auto;}

}

@media (min-width:1024px) {
	.org_box{width:70%; margin:0 auto;}
}

/*온라인전시관*/
.list_down02 li{border-bottom:2px solid #e5e5e5;}
.list_down02 .bottom{background:#f8f8f8; padding:20px; margin-top:15px;}
.list_down02 .bottom img{display:block; margin:0 auto;}
.list_down02 .bottom p{line-height:1.5; word-break:keep-all}
.list_down02 .bottom p:first-child{margin:20px 0 10px;}

@media all and (min-width:768px) {
	.list_down02 .bottom{padding:30px 77px 30px 30px; overflow:hidden; margin-top:25px;}
	.list_down02 .bottom img{float:left; margin-right:25px;}
	.list_down02 .bottom p{line-height:1.6}
	.list_down02 .bottom p:first-child{margin-top:0}
}

/*신창동 유적 소개*/
.mahan_wrap{position:relative; word-break:keep-all;}
.mahan_wrap:before{content:''; display:block; width:100%; height:46%; background:url(/home/gjhfm/images/sub/mahan_intro_back01.jpg) no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.mahan_wrap .mahan_con{position:relative;padding: 30px 40px 0;}
.mahan_wrap .mahan_con img{box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.mahan_wrap h4{margin:20px 0}
.mahan_wrap p{margin-bottom:15px;}

@media (max-width:767px) {
	.mahan_wrap:before{height:180px;}
	.mahan_wrap .mahan_con{padding:20px 25px}
}

@media (min-width:768px) {
	.mahan_wrap .mahan_con{max-width:90%; margin:0 auto;}
}

@media (min-width:1024px) {
	.mahan_wrap:before{height:48%}
	.mahan_wrap .mahan_con{max-width:85%; padding: 55px 51px 0; margin-bottom: 40px;}
	.mahan_wrap h4{margin:30px 0 25px}
	.mahan_wrap p{margin-bottom:20px;}
}

@media (min-width:1440px) {
	.mahan_wrap .mahan_con{max-width:90%; padding: 55px 66px 0; margin-bottom:60px;}
}

/*체험관 소개*/
.mahan_ex_wrap{position:relative; margin-bottom:120px;}
.mahan_ex_wrap:before{content:''; display:block; width:100%; height:200px; background:url(/home/gjhfm/images/sub/mahan_back.png) no-repeat; background-size:cover; position:absolute; top:0; left:0; z-index:0; border-radius:10px;}
.mahan_ex_wrap .con{width:90%;background:#fff;position:relative; padding:20px; top:100px; word-break:keep-all; border-radius:0 10px; }
.mahan_ex_wrap .con p{line-height:1.5;}

.mahan_ex_box{margin:25px 0}
.mahan_ex_box ul li{text-align:center; margin-bottom:40px; word-break:keep-all;}
.mahan_ex_box ul li h6{margin:10px 0}
.mahan_ex_box ul li h6:before{display:none;}
.mahan_ex_box ul li h6 span{position:relative; z-index:1;}
.mahan_ex_box ul li h6 span:before{content:''; display:block; background:#b5e3e1; width:103%; z-index:-1; top:15px; left:0; height:10px; position:absolute; margin-left:-1px}

@media (min-width:768px) {
	.mahan_ex_box{overflow:hidden;}
	.mahan_ex_box ul li{float:left; width:33.3%; padding:0 10px; margin-bottom:0;}
}


@media (min-width:1024px) {
	.mahan_ex_wrap{margin-bottom:250px;}
	.mahan_ex_wrap:before{height:320px;}
	.mahan_ex_wrap .con{width:85%; top:240px; padding:30px;}
	.mahan_ex_wrap .con h4{margin-bottom:10px;}
	
}

@media (min-width:1440px) {
	.mahan_ex_wrap{margin-bottom:260px;}
	.mahan_ex_box ul li h6 span:before{top:16px;}
}

.view_video > video{background:none; width:100%;}


/*광주문학연표*/
.history_box{border-top:2px solid #000;}
.history_box > li{display:flex;flex-wrap:wrap;flex-direction:column;padding: 30px 0;border-top:1px dashed #ccc;}
.history_box > li:first-child{border-top:0;}
.history_box .title{font-size:20px; font-weight:bold; color:#000;}
.history_box > li > ul{margin-top:15px;margin-left: 8px;width: 100%;}
.history_box > li > ul > li:first-child{margin-top:0;}
.history_box > li > ul > li{display:flex;margin-top:15px;}
.history_box > li > ul > li .year{color:#eb4141;font-weight:bold;min-width: 56px;}
.history_box > li > ul > li .text{margin-left: 12px;line-height:1.5;position:relative;padding-left:10px;}
.history_box > li > ul > li .text:before{content:""; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#aaa; border-radius:50%;}


@media (min-width:1024px) {
	.history_box > li{flex-direction: revert; flex-wrap: nowrap;}
	.history_box > li > ul{margin-top:6px; margin-left:35px;}
	.history_box > li > ul > li{margin-top:25px;}
}

@media (min-width:1440px) {
	.history_box .title{font-size:26px;}
	.history_box > li{padding:35px 0;}
	.history_box > li > ul{margin-top:10px; margin-left:50px;}
	.history_box > li > ul > li{margin-top:35px;}
	.history_box > li > ul > li .year{font-size:18px; min-width:60px;}
	.history_box > li > ul > li .text{margin-left:25px; margin-top:-4px;}
}


/*인사말*/
.intro_box{margin:10px 0;}
.intro_box .left{text-align:center;}
.intro_box .right{margin-top:50px; word-break:keep-all;}
.intro_box .right .tit{font-weight:bold; font-size:24px; font-family:"Noto Serif KR"; margin-bottom:10px; position:relative; color:#222}
.intro_box .right .tit:before{position:absolute; content:''; display:block; top:-15px; left:0; width:45px; height:3px; background:#0d3f98;}
.intro_box .right .txt{color:#444; line-height:1.6}


@media (min-width:768px) {
	.intro_box{overflow:hidden;}
	.intro_box .left{float:left; width:57%;}
	.intro_box .right{float:right; width:39%; margin-top:35px;}
}


@media (min-width:1024px) {
	.intro_box{margin:30px 0 55px}
	.intro_box .left{width:50%;}
	.intro_box .right{width:47%; margin-top:50px;}
	.intro_box .right .tit{margin-bottom:20px; width:400px}
}

.listCount {float:right; max-width:150px; margin-bottom:10px;}