/* @import url("common.css"); */

#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:405px; background-position:center bottom; background-repeat:no-repeat; opacity:0}
	.subtop_about{background-image:url('../img/sub/sub_top_img01.jpg');}
	.subtop_info{background-image:url('../img/sub/sub_top_img01.jpg');}
	.subtop_exhibit{background-image:url('../img/sub/sub_top_img01.jpg');}
	.subtop_program{background-image:url('../img/sub/sub_top_img01.jpg');}
	.subtop_news{background-image:url('../img/sub/sub_top_img01.jpg');}
	.subtop_other{background:url('../img/sub/sub_top_img01.jpg');}

#visual .visual_txt{position:relative; top:55%; opacity:0; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#visual .visual_txt h2{font-size:50px; font-family:"Montserrat", sans-serif; color:#fff; line-height:100%; padding:0 0 12px 0}
#visual .visual_txt p{font-size:20px; color:rgba(255,255,255,.7); line-height:100%;}

#contents{overflow:hidden; position:relative; opacity:0}

.lnb_mobile{display:none;}

.lnb {width:100%; text-align:center; background:#3d3939}
.lnb ul{position:relative; overflow:hidden;}
.lnb li {display:inline-block; padding:0 15px;}
.lnb li a{position:relative; display:block; font-size:17px; letter-spacing:-0.3pt; color:rgba(255,255,255,.5);  line-height:65px; height:65px; padding:0 10px;}
.lnb li a:after{position:absolute; display:block; content:""; bottom:0; left:0; overflow:hidden; width:0; height:4px; background:#fff;transition:all 0.3s;}
.lnb li a:hover{display:block; text-decoration: none }
.lnb li a:hover:after{width:100%;transition:all 0.3s;}
.left_linktop{display:block; color:#fff !important;}
.left_linktop:after{width:100% !important;}


.contentArea{width:1170px; margin:0 auto;min-height: 250px;}
 .tit_area{width:100%; padding:50px 0 50px 0; overflow:hidden;}
	#contents p.location {float:right; color:#777; padding:15px 0 0 0}
p.location a:link, .tit_area p.location a:visited{color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin:0 9px 2px 9px;}
	#contents h3.title {color:#3d3939; font-weight:700; font-size:30px; line-height:100%;letter-spacing:-1pt;}	

.contents_in {position:relative; clear:both; margin:0 0 120px 0; *zoom:1;}


/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.con_bpad{padding-bottom:40px}

.con_tit{font-size:24px; line-height:135%; letter-spacing:-0.5pt; color:#3d3939; font-weight:300; /* padding:0 0 15px 30px; background:url('23x23') 0 6px no-repeat; */}
.con_stit{font-size:20px; line-height:135%; letter-spacing:-0.5pt; color:#3d3939; font-weight:bold; padding-bottom:15px;}
.con_stit span{font-size:20px; line-height:135%; letter-spacing:-0.5pt; font-weight:300;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #3d3939;  border-left:1px solid #ddd;}
.table_style th{letter-spacing:-0.5pt; color:#3d3939; font-weight:600; padding:14px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table_style thead th{}
.table_style thead th:first-child{background-color:#f9f9f9}
.table_style tbody th{ background-color:#f9f9f9}
.table_style td{border-bottom:1px solid #ddd;  border-right:1px solid #ddd; padding:14px 8px; text-align:center}
.table_style td.left{padding:14px 8px 14px 15px; text-align:left}
.table_style .pc_ver{}
.table_style .m_ver{display:none}


h4.sub_title{font-size:28px; line-height:135%; letter-spacing:-0.5pt; color:#3d3939; font-weight:100;} 
 span.bold{line-height:135%; letter-spacing:-0.5pt; font-weight:700;}
 span.bold2{line-height:135%; letter-spacing:-0.5pt; font-weight:700;}
 span.eng{display:inline-block; font-size:20px; font-family:'Montserrat', sans-serif; font-style:normal; margin-left:10px;}

p.sub_stitle{font-size:17px; line-height:22px; letter-spacing:-0.3pt; color:#888;}

.dot_con li{position:relative; padding:0 0 5px 12px; letter-spacing:-0.3pt;}
.dot_con li:before{position:absolute; top:8px; left:0; display:block; content:""; overflow:hidden; background:#999; border-radius:100%; width:4px; height:4px;}


/* 문의전화 */
.inquiry_tel{position:relative; overflow:hidden; background:#f7f7f7; text-align:center; padding:20px; margin-bottom:20px}
.inquiry_tel dt{display:inline-block; font-size:17px; color:#706e6e; margin-right:10px}
.inquiry_tel dt img{margin-right:8px;}
.inquiry_tel dd{display:inline-block; color:#3d3939; font-size:22px; font-family:'Montserrat', sans-serif; font-weight:bold}

/*** 박물관소개 ***/
.about_con{position:relative; overflow:hidden;}
.about_con dl{position:relative; overflow:hidden;}
.about_con dl.two{margin-top:100px}
.about_con dd{float:left; width:570px;}
.about_con dt{float:right; width:650px; padding:0px 0 40px 0;}
.about_con dl.two dd{float:right;}
.about_con dl.two dt{float:left;}
.about_con dt p.sub_stitle{padding:19px 0 20px 0}
.about_con dt p.txt{letter-spacing:-0.4pt; line-height:170%}

.mi_logo{position:relative; overflow:hidden; padding-top:50px;}
.mi_logo ul{position:relative; overflow:hidden; }
.mi_logo li{float:left; width:570px; border:1px solid #ddd; box-sizing:border-box}
.mi_logo li:last-child{float:right; border:1px solid #ddd}

.facility_con{position:relative; overflow:hidden;}
.facility_con dl{position:relative; overflow:hidden; margin-bottom:100px}
.facility_con dl:last-child{margin-bottom:0}
.facility_con dd{float:left; width:570px;}
.facility_con dt{float:right; width:530px; padding:60px 0 0 0;}
.facility_con dl.two dd{float:right;}
.facility_con dl.two dt{float:left;}
.facility_con dt h4.sub_title{border-bottom:1px solid #ddd; padding:0 0 15px 0 }
.facility_con dt p.sub_stitle{padding:19px 0 0 0}
.facility_con dt p.txt{letter-spacing:-0.4pt; line-height:170%; padding-top:20px;}

.location_con{position:relative; overflow:hidden;}
.location_con .loca_txt{padding:40px 0;}
.location_con .loca_txt dt{font-size:17px; color:#3d3939; letter-spacing:-0.3pt; padding:0 0 8px 35px; line-height:26px; background:url('/about/img/address_icon.gif') 0 0 no-repeat;}
.location_con .loca_txt dd span{display:inline-block; padding:0 25px 8px 35px; line-height:26px;}
.location_con .loca_txt dd span.tel{background:url('/about/img/tel_icon.gif') 0 0 no-repeat;}
.location_con .loca_txt dd span.fax{background:url('/about/img/fax_icon.gif') 0 0 no-repeat;}
.location_con .loca_txt dd span.mail{background:url('/about/img/mail_icon.gif') 0 0 no-repeat;}
.location_con .loca_btn{position:absolute; right:0; margin-top:-67px;}
.location_con .loca_btn a{position:relative; display:inline-block; text-align:center; letter-spacing:-0.3pt; padding:0 0 0 25px; width:173px; line-height:63px; box-sizing:border-box; transition:all 0.3s, color 0.2s 0.2s;}
.location_con .loca_btn a span{position:absolute; top:20px; left:28px; display:block;}

.location_con .loca_btn a.detailBtn {color:#fff; background:#3d3939; border:1px solid #3d3939; padding:}
.location_con .loca_btn a.detailBtn span{width:18px; height:25px; background:url('/about/img/detail_btn.png') 0 0 no-repeat; transition:all 0.3s;}
.location_con .loca_btn a.detailBtn:hover {color:#3d3939;  box-shadow:180px 0 0 0 #fff inset;}
.location_con .loca_btn a.detailBtn:hover span{background:url('/about/img/detail_btn_up.png') 0 0 no-repeat; transition:all 0.3s;}
.location_con .loca_btn a.printBtn {color:#3d3939; background:#fff; border:1px solid #3d3939;}
.location_con .loca_btn a.printBtn span{width:22px; height:22px; background:url('/about/img/print_btn.png') 0 0 no-repeat; transition:all 0.3s;}
.location_con .loca_btn a.printBtn:hover {color:#fff; box-shadow:180px 0 0 0 #9f9c9c inset; border:1px solid #9f9c9c;}
.location_con .loca_btn a.printBtn:hover span{background:url('/about/img/print_btn_up.png') 0 0 no-repeat; transition:all 0.3s;}

.location_con h5{font-size:20px; letter-spacing:-0.3pt; font-weight:normal; color:#3d3939; padding-bottom:18px;}
.location_con h5 span{font-size:15px; color:#777; margin-left:10px}
.location_con .loca_public{position:relative; overflow:hidden; border:1px solid #ddd; padding:36px;}
.location_con .loca_public dl{float:left; width:50%; padding:0 0 0 145px; min-height:122px; box-sizing:border-box}
.location_con .loca_public dl.subway{background:url('/about/img/subway_icon.gif') 0 0 no-repeat;}
.location_con .loca_public dl.bus{background:url('/about/img/bus_icon.gif') 0 0 no-repeat;}
.location_con .loca_public dt{font-size:17px; color:#3d3939; letter-spacing:-0.3pt; padding-bottom:7px}
.location_con .loca_public dl.subway dt{padding-top:28px;}
.location_con .loca_public dd{letter-spacing:-0.3pt; line-height:28px;}
.location_con .loca_public dd span.green{display:inline-block; width:20px; line-height:20px; border-radius:100%; font-size:13px; font-weight:bold; text-align:center; background:#2fba3b; color:#fff; margin-right:3px}
.location_con .loca_public dd span.tit{color:#3d3939; letter-spacing:-0.3pt; margin-right:10px; line-height:28px;}
.location_con .loca_public dd span.tit.lmar{margin-left:60px;}
.location_con .loca_parking{position:relative; overflow:hidden; border:1px solid #ddd; border-top:0; padding:36px;}
.location_con .loca_parking dl{padding:0 0 0 145px; min-height:122px; box-sizing:border-box; background:url('/about/img/parking_icon.gif') 0 0 no-repeat;}
.location_con .loca_parking dd{padding-top:45px;}
.location_con .loca_parking dd span.tit{color:#3d3939; letter-spacing:-0.3pt; margin-right:13px; line-height:28px;}
.location_con .loca_parking dd span.tit.lmar{margin-left:60px;}
.location_con .loca_parking dd br{display:none}


/*** 관람안내 ***/
.info_con{position:relative; overflow:hidden;}
.info_con .time_con{background:url('/info/img/info_icon.gif') 45px no-repeat; border:1px solid #ddd; padding:35px 45px 35px 185px; margin-bottom:50px}
.info_con .time_con dt{font-size:17px; color:#3d3939; padding-bottom:13px;}
.info_con .time_con dt span.date{color:#888; margin-right:15px}
.info_con .time_con dd{position:relative; padding:0 0 5px 20px; color:#888; letter-spacing:-0.3pt;}
.info_con .time_con dd.black{color:#3d3939;}
.info_con .time_con dd span{position:absolute; left:0}

.special_con{position:relative; overflow:hidden;}
.special_con .img_area{}
.special_con .txt_area{position:relative; width:1030px; background:#fff; margin:-90px auto 0 auto; text-align:center; padding:55px 0 0 0;}
.special_con .txt_area p.eng_tit{font-size:20px; font-family:'Montserrat', sans-serif; font-weight:300; color:#3d3939; padding:4px 0 18px 0;}
.special_con .txt_area p.sub_stitle{padding:0 0 15px 0}
.special_con .txt_area p.txt{letter-spacing:-0.3pt; line-height:170%;}
.special_con .img_area2 {text-align:center; padding-top:45px;}


/*** 프로그램 ***/
.membership_con{position:relative; overflow:hidden;}
.membership_con .title_area{position:relative; background:url('/program/img/membership_img.jpg') 0 no-repeat; height:300px; margin-bottom:20px; padding:70px 0 0 50px; box-sizing:border-box;}
.membership_con .title_area h4.sub_title{width:530px; color:#fff; border-bottom:1px solid rgba(255,255,255,.2); padding:0 0 15px 0; margin-bottom:20px;}
.membership_con .title_area .dot_con li{color:rgba(255,255,255,.8)}

.membership_detail{text-align:center; margin-top:30px;}

/*** 사이트맵 ***/
.sitemap_con{position:relative; overflow:hidden;}
.sitemap_con dl{float:left; width:17.6%; margin-right:3%; text-align:center; border-top:1px solid #3d3939; border-bottom:1px solid #ddd; padding-bottom:17px;}
.sitemap_con dl:last-child{margin-right:0}
.sitemap_con dt{border-bottom:1px solid #ddd; padding:18px 0; font-size:17px; color:#3d3939; margin-bottom:17px; letter-spacing:-0.3pt}
.sitemap_con dd a{position:relative; color:#888; line-height:32px; letter-spacing:-0.3pt; transition:all 0.3s;}
.sitemap_con dd a:after{position:absolute; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);
 display:block; content:""; overflow:hidden; width:0; height:1px; background:#3d3939; transition:all 0.3s;}
.sitemap_con dd a:hover{color:#3d3939; transition:all 0.3s;}
.sitemap_con dd a:hover:after{width:100%; transition:all 0.3s;}


/* 이용약관, 개인정보취급방침 */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#3d3939 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 





/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){

.contentArea{width:96%;}

/*** 박물관소개 ***/
.about_con dd{width:45%;}
.about_con dt{width:50%; padding:38px 0 0 0;}
.about_con dt p.txt br{display:none}

.mi_logo li{width:49%;}


.facility_con dd{width:45%;}
.facility_con dt{width:50%; padding:40px 0 0 0;}
.facility_con dt p.txt br{display:none}

/*** 관람안내 ***/
.special_con .txt_area{width:85%;}

}

/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){

#visual{background-position:center 98px; height:343px;}


}


/*******************************************************************************
	@media 681~980px
*******************************************************************************/
@media all and (max-width:980px){

/*** 박물관소개 ***/
.about_con dl.two{margin-top:50px}
.about_con dd{float:none; width:100%; text-align:center;}
.about_con dd img{width:100%;}
.about_con dt{float:none; width:100%; padding:35px 0 0 0;}
.about_con dl.two dd{float:none;}
.about_con dl.two dt{float:none;}

.facility_con dl{margin-bottom:50px}
.facility_con dd{float:none; width:100%;}
.facility_con dd img{width:100%;}
.facility_con dt{float:none; width:100%; padding:35px 0 0 0;}
.facility_con dl.two dd{float:none;}
.facility_con dl.two dt{float:none;}

.location_con .loca_txt{padding:35px 0;}
.location_con .loca_btn{position:relative; right:0; margin:30px 0 0 0; text-align:center;}

.location_con .loca_public dl{float:none; width:100%; padding:0 0 0 145px; min-height:122px; box-sizing:border-box}
.location_con .loca_public dl.subway{margin-bottom:20px}

.location_con .loca_parking dd{padding-top:20px;}
.location_con .loca_parking dd span.tit.lmar{margin-left:0;}
.location_con .loca_parking dd br{display:block}

/*** 사이트맵 ***/
.sitemap_con {text-align:center;}
.sitemap_con dl{float:none; display:inline-block; vertical-align:top; width:26%; margin:0 2% 5% 2%;}


}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:640px){

#visual{background-position:center 69px; background-size:auto 100%; height:230px;}


#visual .visual_txt{top:65%;}
#visual .visual_txt h2{font-size:32px; font-family:"Montserrat", sans-serif; color:#fff; line-height:100%; padding:0 0 8px 0}
#visual .visual_txt p{font-size:17px; color:rgba(255,255,255,.7); line-height:100%;}

.lnb{display:none;}
.lnb_mobile{display:block; background:#3d3939; position:relative;}

.lnbMenu{ box-sizing: border-box;}
/** dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
.dropLst .txt, .dropLst ul {}
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** 2018.12.17 2차 **/
.mobile_snb {display: block; max-width:1170px; margin:0 auto; height:45px;}
.mobile_snb .box {width:50%; float:left; height: 45px; box-sizing:border-box; border-right: 1px solid rgba(255,255,255,0.2);} /* background-color: #fff;  */
.mobile_snb .box.dep1 {/*background-color: #003591;*/}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:15px; width:100%; height:45px; line-height: 45px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color: rgba(255,255,255,0.7);;}
.mobile_snb .box .dropLst .txt:before {font-family: xeicon!important;content: "\e941"; position: absolute; top: 0%;/* top:50%; */ right:20px; display: block; /* width: 11px; height: 8px; margin-top:-4px; */ /* background: url("/img/icons.png") no-repeat left bottom; background-size:26px auto; */ -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #3d3939;}
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:15px; width:100%; height: 41px; line-height: 41px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color: rgba(255,255,255,0.5);}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#5d5858;}
.mobile_snb .box.dep1 .dropLst .txt {color: rgba(255,255,255,0.7);} /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:bottom left;} /* ù¹ø° ¼­ºê¸Þ´º È­»ìÇ¥ À§Ä¡ */ /* background-position: 0px 0px */
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #3d3939;} /*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst li .value {padding-left:20px; width:100%; height: 41px; line-height: 41px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color: rgba(255,255,255,0.5);}
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#5d5858;} /*color:#00aeef;*/
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:50%;}
.mobile_snb .dropLst .dlst ul {}

.contentArea{width:94%;}
.tit_area{padding:35px 0 30px 0;}
	#contents p.location {display:none}
	#contents h3.title {text-align:center; font-size:26px;}	

.contents_in {margin:0 0 50px 0;}

.con_bpad{padding-bottom:30px}

.con_tit{font-size:20px; padding:0 0 15px 0px; background:url('') 0 3px no-repeat;}
.con_stit{font-size:17px; padding-bottom:12px;}
.con_stit span{font-size:17px;}

.table_style th{padding:10px 8px;}
.table_style td{padding:10px 8px;}
.table_style td.left{padding:10px 8px 10px 12px;}
.table_style .pc_ver{display:none}
.table_style .m_ver{display:block;}
.table_style .m_ver li{padding:0 0 5px 0; overflow:hidden;}
.table_style .m_ver li span.tit{width:68px; color:#3d3939; letter-spacing:-0.3pt;}
.table_style .m_ver li span{width:calc(100% - 68px); float:left; display:block}

h4.sub_title{font-size:20px;} 
p.sub_stitle{font-size:15px;}


/*** 박물관소개 ***/
.about_con dl.two{margin-top:30px}
.about_con dt{padding:20px 0 0 0;}
.about_con dt p.sub_stitle{padding:12px 0 15px 0}
.about_con dt p.txt{letter-spacing:-0.3pt; line-height:160%}

.mi_logo{padding-top:30px;}
.mi_logo li{float:none; width:100%; margin-bottom:10px}
.mi_logo li:last-child{float:none;}

.facility_con dl{margin-bottom:30px}
.facility_con dt{padding:20px 0 0 0;}
.facility_con dt p.sub_stitle{padding:12px 0 0 0}
.facility_con dt p.txt{letter-spacing:-0.3pt; line-height:160%; padding-top:15px;}

.location_con .loca_txt{padding:20px 0;}
.location_con .loca_txt dt{font-size:15px; padding:0 0 4px 33px;}
.location_con .loca_txt dd span{padding:0 20px 4px 33px;}
.location_con .loca_btn{position:relative; right:0; margin:20px 0 0 0; text-align:center;}
.location_con .loca_btn a{width:153px; line-height:50px;}
.location_con .loca_btn a span{position:absolute; top:13px; left:28px; display:block;}
.location_con .loca_btn a.printBtn {display:none}

.location_con h5{font-size:15px; padding-bottom:14px;}
.location_con h5 span{font-size:13px; display:block; margin:0}
.location_con .loca_public{padding:20px 0; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.location_con .loca_public dl{float:none; width:100%; padding:0 0 0 95px; min-height:80px; box-sizing:border-box;}
.location_con .loca_public dl.subway{margin-bottom:20px; background-size:80px}
.location_con .loca_public dl.bus{background-size:80px}
.location_con .loca_public dt{font-size:15px;}
.location_con .loca_public dl.subway dt{padding-top:0;}
.location_con .loca_public dd{line-height:22px;}
.location_con .loca_public dd span.tit{margin-right:8px; line-height:22px;}
.location_con .loca_public dd span.tit.lmar{margin-left:10px;}

.location_con .loca_parking{padding:20px 0; border:0; border-bottom:1px solid #ddd;}
.location_con .loca_parking dl{background-size:80px; padding:0 0 0 95px; min-height:80px;}
.location_con .loca_parking dd{padding-top:0; line-height:22px}
.location_con .loca_parking dd span.tit{margin-right:8px; line-height:22px;}

/*** 관람안내 ***/
.info_con .time_con{background:url('/info/img/info_icon.gif') 25px no-repeat; background-size:60px; padding:20px 30px 20px 110px; margin-bottom:30px}
.info_con .time_con dt{font-size:15px; padding-bottom:10px;}
.info_con .time_con dt span.date{display:inline-block;margin-right:10px}
.info_con .time_con dd{padding:0 0 3px 16px;}

.special_con .txt_area{width:90%; margin:-30px auto 0 auto; padding:30px 0 0 0;}
.special_con .txt_area p.eng_tit{font-size:17px; padding:4px 0 10px 0;}
.special_con .txt_area p.sub_stitle{padding:0 0 10px 0}
.special_con .txt_area p.txt br{display:none}

/*** 프로그램 ***/
.membership_con .title_area{background:url('/program/img/membership_img.jpg') center no-repeat; background-size:auto 100%; height:auto; margin-bottom:20px; padding:30px 20px;}
.membership_con .title_area h4.sub_title{width:90%; color:#fff; border-bottom:1px solid rgba(255,255,255,.2); padding:0 0 11px 0; margin-bottom:15px;}
.membership_con .title_area .dot_con li{color:rgba(255,255,255,.8)}


/*** 사이트맵 ***/
.sitemap_con dl{width:45%; margin:0 2% 5% 2%; padding-bottom:12px;}
.sitemap_con dl:last-child{margin-right:auto}
.sitemap_con dt{padding:10px 0; font-size:15px; margin-bottom:12px;}
.sitemap_con dd a{line-height:26px;}


}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){
}









/* d_sub */
.history-content {max-width:1558px; width:100%; margin:0 auto;}
.history-list-box {max-width:1220px; width:100%; margin:0 auto;}
.history-list-box > ul li{overflow:hidden; display:table; width:100%;}
.history-list-box > ul li h4{display:table-cell;position:relative; width:15%;  color:#4c4c4c; font-size:30px;font-weight:600; letter-spacing:-0.25px; vertical-align: top; border-right:1px solid #dfdfdf; line-height:38px;}
.history-list-box > ul li h4:after{position:absolute; top:21px; left:107px; content:""; width:106px; height:1px; background-color:#dfdfdf; }
.history-list-box > ul li .history-list-con{display:table-cell; width:70%;}
.history-list-box > ul li dl {}
.history-list-box > ul li dl dt{position:relative; float:left; width:9%; padding-left: 15px;}
.history-list-box > ul li dl dt:before{position:absolute; display:block; content:""; top:50%; left:-7px; width:13px; height:13px; margin-top:-5px; background:url("/images/content/history_dot.jpg") no-repeat;}
.history-list-box > ul li dl dt strong{color:#4c4c4c; font-weight:600; font-size:17px; letter-spacing: -0.25px; line-height:38px;}
.history-list-box > ul li dl dd{float:left; width:84%; padding-left:3%;}
.history-list-box > ul li dl:last-child dd{  padding-bottom:35px;}
.history-list-box > ul li dl dd p{padding-bottom:18px; padding-left:5%; color:#4c4c4c; font-size:17px; font-weight:400; letter-spacing:-0.25px; line-height:38px;}
.history-list-box > ul li dl dd p strong{display:inline-block; width:15%; color:#768fc8; font-weight:600; vertical-align:top;}
.history-list-box > ul li dl dd p span{display:inline-block; width:80%;  vertical-align:top;}
.history-img img {float:left; width:50%;}
@media all and ( max-width:1220px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box > ul li h4{font-size:25px;}
    .history-list-box > ul li h4:after{left:90px; width:40px;}
    .history-list-box > ul li dl dt strong{font-size:20px;}
    .history-list-box > ul li dl dd p strong,.history-list-box > ul li dl dd p span{font-size:13px}
}
@media all and ( max-width:768px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-con-top-list ul{text-align:center;}
    .history-con-top-list ul li{float:none; display:inline-block; width:31.5%; margin:0.5% !important;}
    .history-list-box > ul li h4{display:block;width:100%;}
    .history-list-box > ul li h4:after{position:static; display:block; margin:10px 0 20px;}
    .history-list-box > ul li .history-list-con{display:block; width:100%;}
    .history-list-box > ul li dl dt{width:25%; text-indent:10px;}
	.history-list-box > ul li dl dt:before {left:0;}
    .history-list-box > ul li dl dd{width:100%;}
	.history-list-box > ul li dl dd p {padding-left: 5%;}
    .history-list-box > ul li dl dd p strong{width:15%;}
	.history-img img {float:none;max-width:100%; width:100%;}
}