@charset "utf-8";
.sub-wrap{margin:0 auto;width:1170px;}
.bottomSubCont{padding:0 20px;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.clear::after{content:"";display:block;clear:both}
.text-ir{font-size:0;text-indent:-99999999px;}
.pl10{padding-left:10px;}
.plr20{padding:0 20px;}
.mt20{margin-top:20px}
.numberFont{font-family: 'NanumSquare';}

.blueFont{color:#2b62ef}
.redFont{color:#b1001f}
.text-ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pc_none{display:none;}

/*서브 gnb 표시*/
header .gnb-wrap .gnb>li.on>a:before{position: absolute; top: 0;left: 0;display: block;content: '';width: 100%; height: 7px; background: #2b62ef;}

/*subpage 공통*/
.subTop{padding-top:5em;border-bottom:1px solid #aea9a4;height:366px;}
.subPageCont {margin-bottom:100px;}

.subTop .no-tab{padding-top:55px}

.subTab li{float:left;position:relative;}
.subTab li a{display:block;color:#fff;background:#454443;height:55px;line-height:55px;font-size:18px;}
.subTab li.on a{background:#2b62ef;}

.subTop h2{color:#fff;font-size:48px;font-weight:200;display:inline-block;padding:105px 0 10px 0;font-family:nsk;}

.pageLocation{float: right; margin-top: 153px;}
.pageLocation li{display:inline-block;vertical-align:middle;color:#fff;font-size:14px;}
.pageLocation li:first-child{width:12px;height:11px;background:url('/images/front/sub/pageHome.png') no-repeat 50%}
.pageLocation li::before{background:url('/images/front/sub/pageArrow.png') no-repeat 50%;content:"";display:inline-block;width:4px;height:5px;margin:0  10px;vertical-align:middle;}

.upCont{background:#fff;margin-top:-54px;padding:0 20px;margin-bottom:47px;}
.upCont .mobileBtn,
.upCont .mobileBtn2{display:none;}
.upCont>p{line-height:55px;font-size:20px;color:#333;min-height:55px;}

.contentTab{min-height:56px}
.contentTab li{float:left;margin-left:46px;}
.contentTab li:first-child{margin-left:0}
.contentTab li a{color:#333;font-size:20px;font-weight:400;display:block;height:54px;line-height:54px;position:relative;}
.contentTab li.on a{font-weight:600;border-bottom:6px solid #002f78}

.stepTab li{position:relative;}
.stepTab li::before{content:"";display:block;position:absolute;width:48px;left:-48px;height:54px;background:url('/images/front/sub/stepTabBg.jpg') no-repeat 50%;}
.stepTab li:first-child::before{display:none}

.wrapContent>div{margin-top:140px;}
.wrapContent>div:first-child{margin-top:0;}

.lineTitle{font-size:30px;font-weight:300;padding:15px 0 35px 10px;position:relative;}
.lineTitle::before{content:"";display:block;width:60px;height:1px;background:#050a0c;position:absolute;top:0;left:0;}

.topTextBox{padding:10px;background: url(/images/front/sub/infolineBg.jpg) repeat;margin-bottom:60px}
.topTextBox>div{background:#fff;display:table;width:100%;padding:40px;}
.topTextBox>div>i,
.relic .topTextBox>div>div{display:table-cell;vertical-align:middle;}
.topTextBox>div>i{width:95px;height:95px;background:url('/images/front/sub/relic_textBox_icon.png') no-repeat; background-size:contain;}
.topTextBox>div>div{padding-left:23px;}
.topTextBox>div>div p{color:#666;font-size:15px;}

.topTextBox>div>div p.tit{font-size:20px;color:#333;margin-bottom:10px}
.topTextBox>div>div ul{margin-left:10px;color:#666;}


.basicTable{border-top:2px solid #333;width:100%;font-size:16px;}
.basicTable thead th{background:#f1f1f1;height:56px;font-weight:500;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.basicTable thead th:last-child,
.basicTable tbody td:last-child{border-right:none;}
.basicTable tbody th{background:#f1f1f1;color:#222;padding:10px 15px;font-weight:500;border-bottom:1px solid #ccc;}
.basicTable tbody td{padding:15px;color:#666;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}


.subFooter{margin-top:140px;}
.subFooter .lineTitle{font-size:14px;padding-top:10px;color:#999;} 
.subFooter .lineTitle i{display:inline-block;margin-right:10px;vertical-align:middle;width:16px;height:16px;background:url('/images/front/sub/footerNoticeIcon.png') no-repeat;}
.subFooter .lineTitle span{color:#333;}

.grayDot{position:relative;padding-left:10px;}
.grayDot::before{position:absolute;content:"";display:block;width:2px;height:2px;background:#d6d4d3;top:50%;margin-top:-1px;left:0;}

.slideBanner{ pointer-events: none;top:0;position: fixed;width:100%;height:100%;}
.slideBanner >div{max-width: 1170px;margin: 0 auto;height: 100%;position: relative;}
.slideBanner .side{background:#cbc5b9;position:absolute;width:86px;height:300px;top:386px;right:-106px;padding-top:5px;}
.slideBanner .side li{pointer-events:all;width: 60px;margin: 0 auto;height: 88px;border-top:1px solid #fff;padding-top:14px;}
.slideBanner .side li:first-child{border-top:none;}
.slideBanner .side li a{color:#fff;font-size:13px}
.slideBanner .side li a img{display:block;margin:0 auto 6px;}
.slideBanner .side li.top{background:#002f78;width:100%;height:49px;line-height:49px;padding-top:0;}

/*====================
				1.관람정보
====================*/
.subTop.viewInfo{background:url('/images/front/sub/viewInfo_bg.jpg') no-repeat 50%;}
.viewInfo .subTab li{width:16.66666%;}

/*1-1 관람안내*/
.v_info{font-size:16px;}
.v_info .lineInfo{background:url('/images/front/sub/infolineBg.jpg') repeat;padding:10px;display:table;width:100%;margin-bottom:60px;}
.v_info .lineInfo>li{display:table-cell;position:relative;width:50%;background:#fff;padding:40px 38px;font-size:15px;color:#666;line-height:27px;}
.v_info .lineInfo>li:first-child::after{content:"";display:block;width:1px;height:144px;position:absolute;right:0;top:50%;margin-top:-72px;background:#ddd;}
.v_info .lineInfo>li >i{display:inline-block;width:95px;height:95px;margin-right: 20px;}
.v_info .lineInfo>li >i.timeIcon{background:url('/images/front/sub/timeIcon.png') no-repeat}
.v_info .lineInfo>li >i.feeIcon{background:url('/images/front/sub/feeIcon.png') no-repeat}
.v_info .lineInfo>li>div{display:inline-block;vertical-align:top;}
.v_info .lineInfo>li .tit{font-size:20px;color:#333;margin-bottom:10px;}
.v_info .lineInfo>li p span.blueFont{color:#2b62ef;font-size:18px;font-weight:600}
.v_info .lineInfo>li li span{display:block;padding-left:85px;}

/*추가 관람 추천코스*/
.recommendWrap{padding:0 20px}
.recommendList>li{border-bottom:1px solid #e1e1e1;padding-top:65px}
.recommendList li>p,
.recommendList li>div{float:left;}

.recommendList li>p{font-size:30px;width:24%;}

.recommendList li>div{width:76%;padding-bottom:35px;}
.recommendList li>div img{max-width:100%;}

/*.recommendList li>div ol{position:relative;}
.recommendList li>div ol li{float:left;width:33.3333%;margin-bottom: 32px;}
.recommendList li>div ol li:nth-child(4),
.recommendList li>div ol li:nth-child(5),
.recommendList li>div ol li:nth-child(6){float:right}
.recommendList li>div ol li:nth-child(4){margin-right: 74px;}
.recommendList li>div ol li .re_img{width:62%;display:block;padding-top:67%;position:relative;margin:0 0 0 10px}
.recommendList li>div ol li .re_img img{position:absolute;top:0;left:0;width:100%;height:100%;}
.recommendList li>div i::before{content:"";position:relative;z-index:5;display:block;width:9px;height:9px;margin: 13px 0 0 89px;border:4px solid #2b62ef;border-radius:50%;background:#fff;}
.recommendList li>div i::after{content:"";display:block;position:absolute;width:100%;background:url('/images/front/sub/course_lineBg.jpg') repeat-x;height:1px;right: -33%;top: 9px;}
.recommendList li>div li:nth-child(3) i::after{display:none}
.recommendList li>div ol.roundBg::before{content: "";background: url(/images/front/sub/courseRound.jpg) no-repeat right;position: absolute;right: 0;width: 100%;height: 285px;bottom: 72px;}
.recommendList li>div li:nth-child(4) i::after{width:80%;left: 0;}*/


.recommendList li>div i{font-size:16px;color:#666;display:block;position:relative;}
.recommendList li>div i>b{font-weight:normal;padding:10px 0 0 52px;display:block;}


.recommendList li>div ol.forgin li:nth-child(4){margin-right:0;}

/*1-2. 관람·편의시설*/
.convenient{padding:0 20px;}
.convenient>p{font-size: 14px;color: #716964; margin-bottom: 10px;}
.convenient img{max-width:100%;}
.convenient .iconList {margin:13px 0 85px;}
.convenient .iconList li{display:inline-block;font-size:11px;margin-left:14px;}
.convenient .iconList li:first-child{margin-left:0;}
.convenient .iconList li::before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;border-radius:50%;background:#cbc5b9;margin-right:3px;}
.convenient .iconList li.icon-1::before{background:url('/images/front/sub/convenient-icon1.png') no-repeat 50%;}
.convenient .iconList li.icon-2::before{background:url('/images/front/sub/convenient-icon2.png') no-repeat 50%;}
.convenient .iconList li.icon-3::before{background:url('/images/front/sub/convenient-icon3.png') no-repeat 50%;}
.convenient .iconList li.icon-4::before{background:url('/images/front/sub/convenient-icon4.png') no-repeat 50%;}
.convenient .iconList li.icon-5::before{background:url('/images/front/sub/convenient-icon5.png') no-repeat 50%;}
.convenient .iconList li.icon-6::before{background:url('/images/front/sub/convenient-icon6.png') no-repeat 50%;}
.convenient .iconList li.icon-7::before{background:url('/images/front/sub/convenient-icon7.png') no-repeat 50%;}
.convenient .iconList li.icon-8::before{background:url('/images/front/sub/convenient-icon8.png') no-repeat 50%;}

.convenient h3::before{content:"";display:block;width:60px;height:2px;background:#222;margin-bottom:20px;}
.convenient h3{font-size:50px;color:#9d8344;font-weight:200;line-height:55px;}
.convenient h3 span{display:block;padding-left:50px}

.convenient h4{font-size:30px;font-weight:400;margin:15px 0 35px}
.convenient h4 span::after{content:"";display:inline-block;vertical-align:middle;width:2px;height:33px;background:#000;margin: 0 11px}

.convenient p.cont{font-size:14px;line-height:34px;color:#434343;}

/*1-3. 대관안내*/
.rentalInfo>div{padding:0 20px}
.rentalInfo>div table{margin-bottom:20px;}
.rentalInfo .table-bottom-text{font-size:16px;line-height:28px;color:#666;display:inline-block;}
.rentalInfo>div  .downbtnsWrap{display:inline-block;float:right;}
.rentalInfo>div  .downbtnsWrap a{display:inline-block;position:relative;padding:0 20px;width:194px;font-size:15px;height:46px;line-height:46px;color:#fff;background:#002f77;border-radius:5px;}
.rentalInfo>div  .downbtnsWrap a::before{content:"";display:block;position: absolute;top:50%;margin-top:-7.5px;right:17px;width:19px;height:15px;background:url('/images/front/sub/downBtn.png') no-repeat}
.rentalInfo>div  .downbtnsWrap a:first-child{background:#2b62ef}

/*1-4. 오시는 길*/
.location{padding:0 20px}
.location .map{position:relative;}
.location .root_daum_roughmap{width:100%;}
.location .root_daum_roughmap .wrap_map{height:460px}
.location .root_daum_roughmap .wrap_controllers{display:none}

.location .map .mapInfo{position:absolute;width:220px;height:230px;border:1px solid #e8e8e8;top:70px;padding:9px 25px;background:#fff;left:3%;z-index:10}
.location .map .mapInfo img{width:160px}
.location .map .mapInfo p{border-bottom:1px solid #e8e8e8}
.location .map .mapInfo dt{margin:13px 0 5px;color:#2b62ef;font-size:13px;font-weight:600}
.location .map .mapInfo dd{font-size:14px;    letter-spacing: -0.5px;}

.fastMap a{display: inline-block;position: relative; padding: 0 20px;width: 194px;font-size: 15px;  height: 46px;line-height: 46px; color: #fff;background: #2b62ef; border-radius: 5px; margin:20px 0 0 0}


.transport{margin-top:70px}
.transport>div{padding:0 15px;}
.transport>div>h3{float:left;width:186px;font-size:24px;padding-right:43px}
.transport>div>div{float:left;width:calc(100% - 186px)}
.transport>div>div img{max-width:100%}
.transport>div>div table{border-top:2px solid #333;width:100%;}
.transport>div>div table td,
.transport>div>div table th{border-bottom:1px solid #ddd;color:#434343;}
.transport>div>div table th{font-size:16px;padding:15px 20px}
.transport>div>div table td{font-size:14px;padding:15px  20px}

.transport.car{background:url('/images/front/sub/car.jpg') no-repeat 15px 40px;}
.transport.bus{background:url('/images/front/sub/bus.jpg') no-repeat  15px 40px;}
.transport.subway{background:url('/images/front/sub/subway.jpg') no-repeat  15px 40px;}
.transport.subway .line{display:inline-block;color:#fff;width:17px;height:17px;text-align:center;border-radius:3px;margin-right:2px;}
.transport.subway .line-6{background:#b5500b;}
.transport.subway .line-4{background:#2c9ede;}
.transport.subway .line-1{background:#263c96;}
.transport.cityBus{background:url('/images/front/sub/cityBus.jpg') no-repeat  15px 80px;}
.transport.cityBus >div>div{border-top:2px solid #333;border-bottom:1px solid #ddd}


.transport.subway >div a{width:241px;height:167px;position:relative;display:block;float:left;background:url('/images/front/sub/subwayIMG.jpg') no-repeat 0 0;}
.transport.subway >div a i{display:block;position:absolute;bottom:0;left:0;width:100%;height:33px;line-height:33px;background:#2b62ef;color:#fff;padding:0 10px;font-size:14px;}
.transport.subway >div a i::after{content:"";display:inline-block;width:4px;height:5px;vertical-align:middle;background:url('/images/lang/sub/subArrow.png') no-repeat;margin-left:9px;}
.transport.subway >div table{width: 649px; float: left;margin-left: 24px;}

/*1-4-2. 주차장안내*/
.parkingInfo{}
.parkingInfo>div table{margin-bottom:20px}

/*1-5.자주하는 질문*/
.oftenQuestion>div{padding:0 20px}
.oftenQuestion .qustionList{border-top:2px solid #333;margin-bottom:30px;}
.oftenQuestion .qustionList li>div{padding:18px 0;position:relative;font-size:0;border-bottom:1px solid #ccc;background:#f8f8f8;}
.oftenQuestion .qustionList li span{display:block;width:10%;left:0;top:0;font-size:18px; text-align: center;color:#464544;position:absolute;height:calc(100% + 1px);border-bottom:1px solid #ccc;}
.oftenQuestion .qustionList li span i{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.oftenQuestion .qustionList li p{display:inline-block;font-size:16px;width:90%;margin-left:10%;}

.oftenQuestion .qustionList li>div.question {background:#fff;cursor: pointer;}
.oftenQuestion .qustionList li>div.question.on{background:#f6f9ff}
.oftenQuestion .qustionList li>div.question span{border-bottom:1px solid #2b62ef;color:#2b62ef;}

.oftenQuestion .qustionList li>div.answer{display:none;}

/*====================
				2.예약안내
====================*/
.subTop.reserve{background:url('/images/front/sub/reserve_bg.jpg') no-repeat 50%;}
.reserve .subTab li{width:16.6%;}

/*2-1관람예약*/
.watchInfo{padding:0 20px;}
.watchInfo >div:first-child{margin-bottom:120px;}
.watchInfo .leftCont{float:left;width:340px;margin-right:35px}
.watchInfo .leftCont span{display:inline-block;margin:0 auto;width:340px}
.watchInfo .leftCont span img{max-width:100%}
.watchInfo .rightCont{float:left;width:calc(100% - 375px)}
.watchInfo .rightCont ol,
.watchInfo .rightCont ul{padding-left:15px}
.watchInfo .rightCont li{font-size:16px;position:relative;padding-left:25px;color:#666;line-height:32px;}
.watchInfo .rightCont li .numberFont{position:absolute;color:#2b62ef;left:0;top:6px;font-size:13px;font-weight:bold;width:20px;height:20px;line-height:18px;border-radius:50%;border:2px solid #2b62ef;display:inline-block;text-align:center}
.watchInfo .rightCont li .grayBtn{display:inline-block;color:#fff;background:#3b3b3b;font-size:14px;width:135px;height:40px;line-height:40px;border-radius:5px}
.watchInfo .rightCont .lnkWrap{margin-top:100px;}
.watchInfo .rightCont .lnkWrap a{float:left;color:#fff;font-size:16px;height:50px;line-height:50px;width:180px;text-align:center;border-radius:5px}
.watchInfo .rightCont .lnkWrap a:first-child{margin-right:10px}

/*2-2 해설예약*/
.explanationInfo{}
.explanationInfo .listInfo{display:table;background: url(/images/front/sub/infolineBg.jpg) repeat; padding: 10px; width: 100%;margin-bottom:60px}
.explanationInfo .listInfo .leftBox{display: table-cell;width:427px;background:#fff;padding:40px;vertical-align:top;}
.explanationInfo .listInfo .leftBox .blueLineImg{width:340px;margin:0 auto}
.explanationInfo .listInfo .leftBox b{margin-top:0.4em;    display: block;}
.explanationInfo .listInfo .rightBox{display:table-cell;width:678px;background:#fff;vertical-align:top;padding:30px 20px 30px 0}
.explanationInfo .listInfo .rightBox li{font-size:16px;color:#666;line-height:32px;padding-left:85px}
.explanationInfo .listInfo .rightBox li.grayDot::before{background:#343434;top:16px}
.explanationInfo .listInfo .rightBox li span{color:#333;position:absolute;left:10px;}
.explanationInfo .listInfo .rightBox li .smallFont{font-size:15px;}
.explanationInfo .listInfo .rightBox li .redFont{color:#b1001f}
.explanationInfo table{margin-bottom:20px;}
.explanationInfo .table-bottom-text li{font-size:16px;line-height:28px}
.explanationInfo .btnsWrap {margin-top:60px;}
.explanationInfo .btnsWrap a{display:inline-block;border-radius:5px;color:#fff;font-size:16px;width:180px;height:50px;line-height:50px;}

/*====================
				3.전시
====================*/
.subTop.exhibition{background:url('/images/front/sub/exhibition_bg.jpg') no-repeat 50%;}
.exhibition .subTab li{width:8.3333%;}
/*.exhibition .subTab li{width:7.69%;}*/
.exhibition .subTab li a{font-weight:300;font-size:14px;}

.blueLineImg{position:relative;display:block;}
.blueLineImg img{max-width:100%}
.blueLineImg::after{content:"";opacity: 0.9;right:12px;display:block;position:absolute;width:14px;height:70px;top:-19px;background:#2a05fd}

.exhibitionCont>p{font-size:14px;color:#716964;line-height:40px;}
.exhibitionCont>.blueLineImg{display:block;margin-bottom:35px;position:relative;}
.exhibitionCont>.blueLineImg i{position:absolute;font-size:20px;color:#fff;right:10px;bottom:10px;}
.exhibitionCont img{max-width:100%}
.exhibitionCont .subTitle{font-size:14px;color:#434343;line-height:34px;padding:0 10px;}


/*3-1. 전시실 안내*/
.exhibitionInfo{padding:0 20px;}
.exhibitionInfo .galleryWrap{border:1px solid #ddd;position:relative;margin-bottom:36px;}
.exhibitionInfo .galleryWrap ul{position:absolute;right:40px;top:40px;}
.exhibitionInfo .galleryWrap li{display:inline-block;}
.exhibitionInfo .galleryWrap li button{color:#fff;height:40px;width:120px;}
.exhibitionInfo .infoText>p{line-height:34px;padding-left:15px}

.exhibitionList li .imgWrap a::before{height:0;bottom:0;left:0;height:0;overflow:hidden;content:"";display:block;position:absolute;width:100%; background: rgba(43, 98, 239, 0.6) url('/images/front/sub/hoverBtn.png') no-repeat 50%;}
.exhibitionList li .imgWrap a{display:inline-block;position:relative;}
.exhibitionList li .imgWrap a img{max-width:100%}
.exhibitionList li .imgWrap a:hover::before{height:100%;}

.popup.exhibi_index .popHead{background:#002f78;color:#fff;font-size:26px;padding:18px 10px;position:relative;height:74px;}
.popup.exhibi_index .exhibitionDetail .close{background:url('/images/front/sub/popupClose2.png') no-repeat;}

/*3-2 호국 추모실*/




/*====================
			4.교  육
====================*/
.subTop.education{background:url('/images/front/sub/education_bg.jpg') no-repeat 50%;}
.education .subTab li{width:20%;}

.eduList .searchWrap select{width:140px}
.eduList .imgListBoard .imgWrap{padding-top:97.1264367%;}


/*====================
			5. 문화행사
====================*/
.subTop.event{background:url('/images/front/sub/event_bg.jpg') no-repeat 50%;}
.event .subTab li{width:25%;}

.eventimgListBoard.imgListBoard .imgWrap{padding-top:76.15%}

/*문화행사 수상작*/
.prize-winning{padding:0 20px;}
.prizeList li{float:left;width:23.893%;margin:0  0 1.3274% 1.3274%;}
.prizeList li:first-child,
.prizeList li:nth-child(6n-1){margin-left:0;}
.prizeList li a{display:block;position:relative;width:100%;padding-top:127%;border:1px solid #ddd;}
.prizeList li a img{width:100%;position:absolute;top:0;height:100%;}
.prizeList li a span{display:block;position:absolute;bottom:0;left:0;padding:18px 10px;width:100%;background:rgba(0,0,0,0.65);color:#fff;font-size:16px;}
.prizeList li a i{display:block;position:absolute;right:10px;top:25px;;width:15px;height:15px;background:url('/images/front/sub/prize_more.png') no-repeat;background-size:contain;;}

/*====================
				6.  전쟁·군사정보   
====================*/
.subTop.militaryIntelligence{background:url('/images/front/sub/militaryIntelligence_bg_new.jpg') no-repeat 50%;}
.militaryIntelligence .subTab li{width:25%;}

.tab4 li {width:20% !important;}

/*공통 간편검색*/
.simpleSearch{background:#f6f6f6;padding:32px 0;margin-bottom:50px;}
.simpleSearch div{ position: relative;display:inline-block;margin-left:20px;}
.simpleSearch strong {font-size:18px;font-weight:400;vertical-align:middle;}
.simpleSearch input{width:460px;height:46px;padding:0 52px 0 10px;border:1px solid #e4e4e4;border-radius:20px;vertical-align:middle;}
.simpleSearch button{position:absolute;width:18px;height:17px;position:absolute;top:15px;right:20px;background:url('/images/front/sub/sarch_blue.png') no-repeat ;background-size:contain;}


/*6-1. 전쟁/군사/유물 검색*/
.military-search{padding:0 20px;}
.military-search .basicTable ul li{display:inline-block;margin-left:5px}
.military-search .basicTable ul li:first-child{margin-left:0}
.military-search .basicTable ul li::before{content:"";display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:#2b62ef;margin-right:5px;}
.military-search .basicTable ul li a{font-size:15px;color:#2b62ef;position:relative;}
.military-search .basicTable ul li a:hover{border-bottom: 1px solid #2b62ef;}

.military-search .list-top{margin-bottom:10px;}
.military-search .list-top p{display:inline-block;font-size:18px;}
.military-search .list-top p span{display:inline-block;font-size:14px;margin-left:10px;}
.military-search .list-top p span::before{content:"*";color:#2b62ef;vertical-align:middle;}
.military-search .list-top div{float:right;font-size:13px;color:#666}
.military-search .list-top div i{display:inline-block;margin-right:10px;}
.military-search .list-top div select{width:120px;height:30px;background:#fdfbfb;border:1px solid #ddd;margin-left:10px;position:relative;}

.military-search .searchNoticeT{margin-top:0.5em}
/*
.military-search .infoList{border-top:2px solid #333;margin-bottom:30px;}
.military-search .infoList>li{float:left;;width:48.5%;color:#666;border:1px solid #ccc;display:table;padding:30px; margin-left: 3%;margin-top:3%;}
.military-search .infoList>li:nth-child(2n-1){margin-left:0;}
.military-search .infoList>li a{display:block;}
.military-search .infoList>li a>span,
.military-search .infoList>li a>div{display:table-cell;vertical-align:middle;}
.military-search .infoList>li a>div{padding:0 30px;}
.military-search .infoList>li a>div .tit{font-size:18px;color:#333;display:block;margin-bottom:10px;}
.military-search .infoList>li a>div li{color:#666;line-height:22px;position:relative;padding-left:10px;font-size:14px}
.military-search .infoList>li a>div li:first-child{padding-left:10px;}
.military-search .infoList>li a>div li::before{content:"";display:block;position:absolute;left:0;top:10px;width:3px;height:3px;background:#b7b7b7;vertical-align:middle;}
.military-search .infoList>li a>div li span{position:absolute;left:10px;}
.military-search .infoList>li:hover{border:1px solid #2b62ef}
.military-search .infoList>li:hover a>div .tit{color:#2b62ef;}*/

.military-search .infoList{border-top:2px solid #333;margin-bottom:30px;}
.military-search .infoList>li{float:none;width:100%;color:#666;border:1px solid #ccc;display:table;padding:30px; margin-left:0%;margin-top:3%;}
.military-search .infoList>li a{display:table;width:100%;}
.military-search .infoList>li a>span{width:25%;text-align:center}
.military-search .infoList>li a>span img{max-width:100%;}
.military-search .infoList>li a>p{width:10%;text-align:center}
.military-search .infoList>li a>p i{display:inline-block;width:100%;height:40px;line-height:40px;color:#fff;background:#2b62ef;border-radius:3px}
.military-search .infoList>li a>span,
.military-search .infoList>li a>p,
.military-search .infoList>li a>div{display:table-cell;vertical-align:middle;}
.military-search .infoList>li a>div{padding:0 30px;}
.military-search .infoList>li a>div .tit{font-size:18px;color:#333;display:block;margin-bottom:10px;}
.military-search .infoList>li a>div li{color:#666;line-height:22px;position:relative;padding-left:10px;font-size:14px}
.military-search .infoList>li a>div li:first-child{padding-left:10px;}
.military-search .infoList>li a>div li::before{content:"";display:block;position:absolute;left:0;top:10px;width:3px;height:3px;background:#b7b7b7;vertical-align:middle;}
.military-search .infoList>li a>div li span{position:absolute;left:10px;}
.military-search .infoList>li:hover{border:1px solid #2b62ef}
.military-search .infoList>li:hover a>div .tit{color:#2b62ef;}

.military-search .imgView .top .imgWrap{width: 455px; text-align: right;}
.military-search .imgView .top h3{font-size:27px}
.military-search .imgView .top .rightInfo{padding-left:20px}

/*6-2. 전사자 검색*/
.warDeadSearch{border:1px solid #c6c6c6;padding:45px 60px;}
.warDeadSearch>div{border-bottom:1px solid #c6c6c6;padding-bottom:30px;margin-bottom:30px;}
.warDeadSearch>div strong{float:left;font-size:18px;width:185px;}
.warDeadSearch>div >div{float:left;width:calc(100% - 185px)}
.warDeadSearch>div >div input{height:36px;border:1px solid #d5d5d5}
.warDeadSearch div.basicSearch input{max-width:600px;width:100%;}
.warDeadSearch div.basicSearch p{font-size:13px;color:#888;line-height:20px;margin-top:5px;}
.warDeadSearch>div ul li{width:50%;float:left;font-size:0;display:table;}
.warDeadSearch>div ul li:nth-child(1),
.warDeadSearch>div ul li:nth-child(2){margin-bottom:20px}
.warDeadSearch>div ul li strong{display:table-cell;width:100px;font-size:14px;vertical-align:middle;}
.warDeadSearch>div ul li strong::before{content:"";display:inline-block;width:4px;height:18px;vertical-align:middle;background:#482bef;margin-right:4px;}
.warDeadSearch>div ul li select{width:calc(100% - 100px);max-width:189px;height:36px;display:table-cell;}
.warDeadSearch button{color:#fff;font-size:16px;width:180px;height:50px;display:block;margin:0 auto;border-radius:5px;background:#2b62ef}

.military-search .deadList{margin-bottom:30px}
.military-search .deadList th,
.military-search .deadList td{border-left:none;}
.military-search .deadList td a{color:#333}
.military-search .deadList td a:hover{color:#2b62ef;border-bottom:1px solid #2b62ef}

.military-search .deadViewTitle{font-size:18px;color:#222;padding-bottom:10px;border-bottom:2px solid #222;}
.military-search .deadView{padding:40px 20px;}

/*6-3. 유물/자료수집*/
.relic{padding:0 20px;}
.relic .basicTable .grayDot::before{top:13px;}

.rellicList .tableList tbody td:nth-child(3){text-align:center}


/*6-4. 이달의 호국인물*/
.imgBoardHoner.imgListBoard>li{width: 23.893%; margin: 0 0 1.3274% 1.3274%;}
.imgBoardHoner.imgListBoard>li:nth-child(3n+1){margin-left:1.3274%}
.imgBoardHoner.imgListBoard>li:nth-child(1), 
.imgBoardHoner.imgListBoard>li:nth-child(4n+1){margin-left:0}
.imgBoardHoner.imgListBoard>li span{padding-top:99.07%;}
.imgBoardHoner.imgListBoard>li span img{max-width: 100%;width: auto;height: auto; max-height: 100%; top: 50%;transform: translate(-50%,-50%);left: 50%;}

/*====================
				7.소식 · 참여  
====================*/
.subTop.news{background:url('/images/front/sub/news_bg.jpg') no-repeat 50%;}
.news .subTab li{width:25%;}


/*7-2. 고객의 소리*/
.customerVoice .upCont .topNotice{border-bottom:1px dashed #ccc;padding:20px 0 22px 164px;background:url('/images/front/sub/customerVoice_icon.png') no-repeat 20px 50%;}
.customerVoice .upCont .topNotice p{font-size:16px;line-height:40px;color:#333}
.customerVoice .upCont ul li{color:#666;font-size:14px;line-height:24px;}

/*7-3. 행정정보 공개*/
.administration .contentTab li:last-child{margin-right:0}
.administration .contentTab li {margin-right:20px;margin-left:0}
.administration .contentTab li a{font-size:15px;}

/*7-3-1. 정보공개 제도란*/
.administration .topTextBox>div>i{background:url('/images/front/sub/administrationIcon.jpg') no-repeat ;background-size:contain;}
.administration .listNumber >li{margin-top:30px;}
.administration .listNumber >li:first-child{margin-top:0;}
.administration .listNumber li>p{font-size:18px;color:#333;margin-bottom:10px}
.administration .listNumber i{color:#2b62ef;font-size:13px;font-wieght:bold;display:inline-block;border:2px solid #2b62ef;border-radius:50%;width:20px;height:20px;line-height:18px;margin-right:5px;}
.administration .listNumber div{background:#eeeff0;padding:20px;color:#666;}
.administration .listNumber div ul{margin-top:3px;}
.administration .listNumber div ul li{position:relative;color:#333;padding-left:10px;line-height:25px;}
.administration .listNumber div ul li::before{content:"";display:block;position:absolute;width:2px;height:2px;background:#002f78;border-radius: 50%; left: 5px;top: 10px;}

/*7-3-2. 청구 및 처리절차*/
.administration .step ul{background:#f3f3f3;display:inline-block;padding:13px;border-radius:10px;margin-bottom:40px;}
.administration .step ul li{float:left;font-size:13px;color:#666;}
.administration .step ul li:first-child{margin-right:20px}
.administration .step ul li::before{content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;border-radius:5px;background:#fff;margin-right:5px}
.administration .step ul li.black::before{background:#50555d;}
.administration .step ol{margin-bottom:64px;}
.administration .step ol li{width:20.35%;float:left;margin-left:6.200%;position:relative;}
.administration .step ol li:first-child{margin-left:0;}
.administration .step ol li::before{content: ""; display: block;position: absolute; width: 31.2%;right: 100%;height: 100%;background:url('/images/front/sub/administrationArrow.png') no-repeat 0 0; background-size:contain;}
.administration .step ol li:first-child::before{display:none}
.administration .step ol li:last-child::after{content: ""; display: block;position: absolute; left: 0; top: 100%; width: 100%; height: 64px; background: url(/images/front/sub/administrationArrow2.png) no-repeat 50%; background-size: contain;}
.administration .step ol:last-child li:last-child::after{display:none;}

.administration .step ol li>p.black{background:#50555d;border:none;}
.administration .step ol li >p{display:table;width:100%;min-height:70px;padding:0 10px;border:1px dashed #b8bcbe;}
.administration .step ol li >p>span{display:table-cell;vertical-align: middle;color:#5d6265;}
.administration .step ol li >p.black>span{color:#fff;}

.administration .step ol li >span{display: table;width:100%;background: #fff;border: 1px dashed #b8bcbe;border-top: 0;color: #5d6265; min-height: 48px;}
.administration .step ol li >span>i{display:table-cell;vertical-align:middle;}
.administration .step ol li >span.ab{position:absolute;bottom: 100%;border-bottom:0;border-top:1px  dashed #b8bcbe}

.administration .step ol.floatRight li{float:right}
.administration .step ol.floatRight li:first-child{margin-left:6.201%;}
.administration .step ol.floatRight li:first-child::before{display:block}
.administration .step ol.floatRight li:last-child{margin-left:0}
.administration .step ol.floatRight li:last-child::before{display:none}

/*7-3-4. 정보공개 수수료*/
.blueLineLeft{font-size: 18px;color: #222;line-height: 40px;}
.blueLineLeft::before{content: ""; margin-right: 10px; display: inline-block; background: #482bef; vertical-align: middle; width: 4px; height: 18px;}

.commissionTable tbody td{line-height: 30px;}
.commissionTable tbody td:first-child{background:#f6fafe;text-align:center;}
.commissionTable tbody td span{display:block;color:#333;font-weight:500}
.commissionTable tbody td .grayDot::before{width:4px;height:4px;background:#333;border-radius:50%}
.commissionTable tbody td>p{margin-top:20px;}
.commissionTable tbody td>p:first-child{margin-top:0}

/*7-3-7. 사전공표 정보*/
.administration .topTextBox>div.preInfo>i{background:url('/images/front/sub/preInfoIcon.jpg') 0 0 no-repeat;background-size: contain;}
.administration .preInfoTable td:nth-child(3),
.administration .preInfoTable td:nth-child(4),
.administration .preInfoTable td:nth-child(5){text-align:center}
.administration .preInfoTable td a{position:relative;color:#2b62ef}

/*7-3-9. 공공데이터 개방*/
.administration .topTextBox>div.dataSearch>i {background: url(/images/front/sub/dataIcon.jpg) 0 0; background-size: contain;}


/*7-3-10. 경영공시*/
.managementItem ul li{float:left;}
.managementItem ul li{margin-right:25px;padding-left:4px;line-height:30px}
.managementItem ul li::before{content:"";display:inline-block;vertical-align:middle;width:3px;height:3px;background:#2b62ef;border-radius:50%;margin-right:5px;}
.managementItem ul li a{color:#666}
.managementItem ul li a:hover{color:#2b62ef;border-bottom:1px solid #2b62ef;}

/*====================
				0.고객관련 페이지
====================*/
.subTop.customer{background:url('/images/front/sub/customerBg.jpg') no-repeat 50%;}


/*로그인*/
.login h3{font-size:30px;font-weight:400;margin-bottom:30px}
.loginForm{width:650px;margin:0 auto;border:1px solid #dbdbdb;border-width:1px 0;padding:50px 49px;}
.loginForm .loginWrap{width:394px;float:left;}
.loginForm .loginWrap p.checkWrap {margin-top:10px}
.loginForm .loginWrap p:first-child{margin-bottom:10px}
.loginForm .loginWrap span{display:inline-block;width:69px;font-size:15px;color:#333;}
.loginForm .loginWrap input[type="text"],
.loginForm .loginWrap input[type="password"]{height:45px;border:1px solid #eeecec;width:320px;padding:0 1%;}
.loginForm  button{color:#fff;background:#2b62ef;float:left;width:145px;height:100px;font-size:16px;border-radius:5px;margin-left:13px;}
.loginForm fieldset>p{clear:both;padding:10px 0 0 69px;color:#888;font-size:14px}

.loginList{width:650px;margin:0 auto;padding:20px 115px 0}
.loginList li{line-height:46px;font-size:14px;color:#888;clear:both;}
.loginList li::before{content:"";display:inline-block;width:4px;height:4px;background:#999;vertical-align:middle;margin-right:4px;}
.loginList li a{float:right;margin-top:6px;color:#888;font-size:13px;border:1px solid #ebebeb;border-radius:5px;height:36px;line-height:36px;display:inline-block;width:150px;text-align:center}


/*아이디 비밀번호 찾기*/
.findInfo ul{padding:0 20px}
.findInfo ul li{float:left;width:49%;background:#f5f5f5;border:1px solid #ccc;display: table;padding:60px 20px 67px;}
.findInfo ul li:first-child{margin-right:2%}
.findInfo ul li>div{display:table-cell;}
.findInfo ul li i{display:block;margin:0 auto;width:88px;height:88px;}
.findInfo ul li.i-pin i{background:url('/images/front/sub/i-pin-find.png') 50%;background-size:cover;}
.findInfo ul li.phone i{background:url('/images/front/sub/phone-find.png') 50%;background-size:cover;}
.findInfo ul li p,
.findInfo ul li span{display:block;}
.findInfo ul li p{font-size:18px;line-heihgt:22px}
.findInfo ul li span{font-size:14px;color:#666;line-height:20px;margin:15px 0 30px}
.findInfo ul li a{background:#002f78;display:inline-block;color:#fff;font-size:15px;width:146px;height:42px;line-height:42px;border-radius:5px;}


/*회원가입 - 유형선택*/
.selectType>div{padding:0 20px}
.selectType .common-type{margin-bottom:60px;}
.selectType .common-type li{background:#f5f5f5;border:1px solid #ccc;float:left;width:32%;margin-left:2%;padding:40px 0 50px}
.selectType .common-type li:first-child{margin-left:0;}

.selectType .common-type li p{font-size:20px;font-weight:500}
.selectType .common-type li span{font-size:14px;color:#666;margin:13px 0;display:block}
.selectType .common-type li  a{font-size:15px;display:block;margin:0 auto;color:#fff;background:#002f78;width:146px;height:42px;line-height:42px;border-radius:5px;}

.selectType .simpleLogin li{float:left;color:#fff;width:262px;border-radius:5px;overflow:hidden;margin-right:10px;margin-bottom:10px}
.selectType .simpleLogin li:first-child{margin-left:0;}
.selectType .simpleLogin li.naver{background:#3bbe00}
.selectType .simpleLogin li.kakao{background:#ffc401}
.selectType .simpleLogin li.facebook{background:#38599c}
.selectType .simpleLogin li a::before{content:"";display:block;position:absolute;left:0;top:0;width:51px;height:48px;border-right:1px solid rgba(225,225,225,0.5)}
.selectType .simpleLogin li.naver a::before{background:url('/images/front/sub/naver_bg.png') no-repeat 50%;background-size:contain;}
.selectType .simpleLogin li.kakao a::before{background:url('/images/front/sub/kakao_bg.png') no-repeat 50%;background-size:contain;}
.selectType .simpleLogin li.facebook a::before{background:url('/images/front/sub/face_bg.png') no-repeat 50%;background-size:contain;}
.selectType .simpleLogin li a{color:#fff;font-size:14px;height:48px;line-height:48px;display:block;padding-left:52px;position:relative;}

/*회원가입 - 1*/
.joinStep1{padding:0 20px;}
.joinStep1 >ul{background:#f5f5f5;border-top:1px solid #d0d1d9;padding:30px;margin-bottom:50px}
.joinStep1 >ul li{font-size:14px;line-height:24px;color:#888;}
.joinStep1  .grayDot::before{top:11px;width:3px;height:3px;}
.joinStep1>div.last{margin-top:70px;}
.joinStep1 .top {margin-bottom:10px;}
.joinStep1 .top  h3{font-size:24px;font-weight:400;display:inline-block;}
.joinStep1 .top >p{float:right;margin-top: 15px;}
.joinStep1 .top >p label{color:#666;font-size:15px;}
.scrollBox{height:200px;width:100%;overflow-y:scroll;padding:20px;border:1px solid #ccc;border-top:2px solid #333}

/*회원가입 -완료*/
.joinFinish>div{margin:0 20px;background:#f5f7f9;border:1px solid #e5e5e5;padding:50px 0;}
.joinFinish>div i{display:block;margin:0 auto 30px;width:85px;height:77px;background:url('/images/front/sub/finishIcon.png') no-repeat;}
.joinFinish>div h3{color:#2b62ef;font-size:24px;font-weight: 400;}
.joinFinish>div p{font-size:16px;color:#666;line-height:30px;margin:10px 0 30px}
.joinFinish>div ul li{display:inline-block;width:180px;height:50px;line-height:50px;border-radius:5px}
.joinFinish>div ul li a{color:#fff;font-size:16px}


/*마이페이지*/
.myPage{padding:0 20px; }
.myPage .tableList thead th,
.myPage .tableList tbody td{border-left:none;}
.myPage .tableList tbody td a:hover{color:#2b62ef;border-bottom:1px solid #2b62ef;}

.boardTop ul.btnWrap {float:right;margin-bottom:15px}
.boardTop ul.btnWrap li{float:left;margin-left:5px;}
.boardTop ul.btnWrap li a{display:block;width:80px;height:36px;color:#fff;background:#aaa;line-height:36px;}
.boardTop ul.btnWrap li a.on{background:#2b62ef}

/**/
.subTop.noFolder{background:url('/images/front/sub/topBackground.jpg')}

.siteMap>li{float:left;width:17.6%;margin-left:3%;margin-bottom:70px}
.siteMap>li:first-child,
.siteMap>li:nth-child(6){margin-left:0}
.siteMap .depth1>a{display:block;font-size:18px;color:#fff;background:#002f78;border-radius:3px;padding:0 10px;height:42px;line-height:42px}

.siteMap .depth2>li{border-bottom:1px solid #ddd;}
.siteMap .depth2>li>a{display:block;hegiht:53px;line-height:53px;color:#666;font-size:15px;padding:0 10px;}
.siteMap .depth2>li>a::before{content:"";display:inline-block;width:4px;height:4px;background:#999;vertical-align:middle;margin-right:4px}

.siteMap .depth3>li>a{color:#999;font-size:14px;display:block;padding:0 20px ;margin-bottom:10px}


.searchTABlist{margin-top:40px}
.searchTABlist:first-child{margin-top:0;}
.searchTitle{font-size:20px;color:#222;margin-bottom:10px;font-weight:500}
.searchMobile b{color:#2b62ef;font-weight:400}
.searchMobile{margin-bottom:10px;font-size:14px;color:#666}
.searchTABlist .moreWrap{font-size:15px;margin-top:10px;}
.searchTABlist .moreWrap a::after{content:"";display:inline-block;vertical-align:baseline;width:10px;height:10px;background:url('/images/front/sub/more.jpg') no-repeat;background-size:contain;margin-left:10px}
	
.searchList{border-top:2px solid #222;}
.searchList li{padding:30px 20px;position:relative;border-bottom:1px solid #ddd;}
.searchList li a.title{font-size:16px;color:#111;font-weight:400;display:block;}
.searchList li a.mobileBtn{display:none}
.searchList li span.date{position: absolute;font-size: 16px;right: 20px;top: 50%;transform: translateY(-50%);}
.searchList li p{color:#999;font-size:15px;margin-top:15px}

.donation .agree {margin-top: 35px;}
.donation .agree >p{float:right;margin-top: 30px;}
.donation .agree h3{display:inline-block;}

/*====================tablet ====================*/
@media screen and (max-width: 1499px){
	.subTop{padding-top:5.215em}
}
@media screen and (max-width: 1200px){
	/*subpage 공통*/
	.plr20{padding:0 3.125%}
	.sub-wrap{max-width: 100%;min-width: 320px;width:100%;padding:0 5.46875%}
	.subTop{height:18.429em;padding:5em 4.5% 0}
	.subTop .no-tab{padding-top:0}
	.subTop h2{font-size:3.429em}
	.pageLocation li{font-size:1em;}
	
	.subTab{display:none;}
	.upCont{margin:0 auto 5.75%;padding: 0 0 0  5.46875% ;height: auto; width: auto;max-width: 100%; min-width: 640px;display: inline-block; vertical-align: bottom;}
	.upCont p.onlyText{display:none;}
	.contentTab{min-width:100%;}
	.upCont .mCSB_scrollTools .mCSB_draggerRail{background: rgba(255, 255, 255, 0);}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(255, 255, 255, 0);}
	.upCont .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:0}
	.upCont .mCSB_scrollTools .mCSB_draggerRail{background:#fff;}
	.contentTab li{margin-left:0;padding-left:2.688em}
	.contentTab li:first-child{padding-left:0;}
	.contentTab li a{font-size:1.250em;line-height:2.450em}
	
	
	/*1.찾아오시는길*/
	.transport.subway >div table{    width: calc(100% - 251px);    margin-left: 10px;}
	
	/*3. 전시실*/
	
	/*3-1. 전시실 안내*/
	.exhibitionInfo .galleryWrap img{max-width:100%}
	
	/*====================
				6.  전쟁·군사정보   
	====================*/
	
	/*6-1. 전쟁/군사/유물 검색*/
	.military-search .infoList>li,
	.military-search .infoList>li:nth-child(2n-1){display:block;width:90%;margin:30px auto 0;float:none}
	
	.military-search .imgView .top .imgWrap{text-align:center;width:100%;}
	.military-search .imgView .top .rightInfo{padding-left:0}
	
	
	/*6-2. 전사자 검색*/
	.warDeadSearch>div ul li select,
	.warDeadSearch>div ul li input{width:90%;}
	
	.imgBoardHoner.imgListBoard>li:nth-child(2n+1){margin-left:1.3274%}
	.imgBoardHoner.imgListBoard>li:nth-child(1), .imgBoardHoner.imgListBoard>li:nth-child(4n+1){margin-left:0;}
	
	/*====================
				7.  행정정보공개
	====================*/
	.administration .contentTab li{margin-left:0;padding-left:2em}
}

@media screen and (max-width: 1000px){
	
	.searchList li span.date{position:relative;right: 0; display: block; top: 0;transform: translateY(0%); text-align: right;}
	
}

@media screen and (max-width: 767px){
	.subTop{margin-top:5.4em;padding:0 5.46875%;height:13.167em; display: flex;align-items: center;justify-content: center;}
	.subTop .sub-wrap{text-align:center}
	.pageLocation{float:none;margin-top:0;}
	.subTop h2{font-size:2.333em;padding-top:0}
	
	.pageLocation li{font-weight:300;font-size:1.083em;}
	.pageLocation li:first-child{width:0.792em;height:0.667em;background:url('/images/front/sub/pageHome_m.png') no-repeat;background-size:contain;}
	.pageLocation li::before{width:0.375em;height:0.708em;background:url('/images/front/sub/pageArrow_m.png') no-repeat 50%;background-size:contain;}

}

/*====================mobile ====================*/
@media screen and (max-width: 767px){
	
	/*subpage 공통*/
	.mobile_none{display:none}
	.pc_none{display:block;}
	.mobileBg .upCont{background:#f7f7f7;background:#fff;}
	.upCont{padding:0 5.46875% 10.9375% 5.46875%; min-width: 100%; width: 100%;font-size:1em;line-height:2.923em;position:relative;margin-bottom:0}
	.upCont>p{min-height:0;}
	.upCont .mCustomScrollBox{overflow:visible;}
	.upCont .mobileBtn,
	.upCont .mobileBtn2{display:block;width:100%;color:#9e8345;overflow: hidden;position:relative;font-size:1.625em;background:#faf9f8;border:1px solid #d9d9d9;height:2.923em;margin-top:-1.731em;padding-left:3.125%}
	.upCont .mobileBtn::after,
	.upCont .mobileBtn2::after{content: ""; display: block;position: absolute;width: 2.923em; padding-top: 2.923em;top: 0;right: 0; background: #fff url('/images/front/sub/tabBtnBG.jpg') no-repeat; background-size:contain;}
	.contentTab {position:absolute;min-hegiht:0;width:89.0625%;min-width:inherit;display:none !important;background:#fff;z-index: 5;border-top: none;border: 1px solid #d9d9d9;border-top:none}
	.contentTab.on{display:block !important}
	.contentTab li:first-child{border-top:1px solid #d9d9d9}
	.contentTab li{margin-left:0;display:block;float:none;padding-left:0;}
	.contentTab li a{display:block;height:2.923em;text-align:left;padding-left:3.125%;background:#fff;}
	.contentTab li.on a{border-bottom:none;}
	
	.stepTab li::before{display:none;}
	
	.wrapContent>div{margin-top:15%}
	
	.lineTitle{padding-left:0;font-size:2.250em;line-height:1.333em;margin: 8% 0;padding-top:5%;padding-bottom:0;}
	
	.topTextBox>div{padding:7% 0;display:block;}
	.topTextBox>div>i, 
	.topTextBox>div>div{display:block;text-align:center;}
	.topTextBox>div>i{margin:0 auto 4%;width:5em;height:5em;}
	.topTextBox>div>div{padding:0 7%}
	.topTextBox>div>div p{font-size:1em}
	.topTextBox>div>div p.tit{font-size:1.333em;}
	
	.basicTable{font-size:1em;}
	.basicTable thead th{padding:2% 0;}
	.basicTable tbody td{padding:2% 0%;font-size:0.917em}
	
	.subFooter{margin-top: 18.75%;}
	.subFooter .lineTitle{font-size:1em;margin:0; padding:4% 0 0 10%;line-height:1.700em} 
	.subFooter .lineTitle i{position: absolute;width: 6%; padding-top: 6%;max-width:28px;max-height:28px;background-size: contain; left: 2%;}
	.subFooter .lineTitle span{display:block;}
	
	
	/*====================
				1.관람정보
	====================*/
	
	/*1-1 관람안내*/
	.v_info{font-size:inherit}
	.v_info .lineInfo{display:block;}
	.v_info .lineInfo>li{display:block;width:100%;font-size:0;padding:7.27% 5.45%;position:relative;}
	.v_info .lineInfo>li:first-child::after{position: absolute;width: 90%; height: 1px; background: #ddd; top: inherit; margin-top: 0; left: 50%; bottom: 0; transform: translateX(-50%);}
	.v_info .lineInfo>li>i{width:19%;margin-right:3%;height:0;padding-top:19%;background-size:contain !important;}
	.v_info .lineInfo>li>div{width:78%;font-size:0.917rem}
	.v_info .lineInfo>li .tit{font-size:1.182em}
	.v_info .lineInfo>li li span{padding-left:0;}
	.v_info .lineInfo>li p span.blueFont{font-size:1em}
	.viewInfoCont table{word-break: keep-all;}
	.viewInfoCont .basicTable tbody td{padding:2%;}
	
	
	/*관람 추천 코스*/
	.sub-wrap.recommendWrap{padding:0 4.375% 0 3.125%}
	.recommendList>li{padding-top:12%}
	.recommendList>li:first-child{padding-top:0;}
	
	.recommendList li>p, 
	.recommendList li>div{float:none}
	
	.recommendList li>p::before{content:"";display:block;width:20%;height:2px;background:#000;margin-bottom:0.3em}
	.recommendList li>p{width:100%;font-size:2.083em;font-weight:100;margin-bottom:0.5em}
	.recommendList li>p br{display:none}
	
	.recommendList li>div{width:100%;}
	.recommendList li>div img{margin:0 auto}
	
	/*1-2. 관람·편의시설*/
	.convenient>div>img{margin-bottom:10%}
	.convenient .iconList{display:none;}
	.convenient h3{font-size:2.500em;letter-spacing:-1px;line-height:1.2em;margin-top:0%;}
	.convenient h3::before{margin-bottom:7%;}
	.convenient h3 span{padding-left:4%}
	.convenient h4{font-size:1.208em;margin:5% 0 0;}
	.convenient h4 span::after{height:0;padding-top:4.5%}
	.convenient p.cont{font-size:1em;line-height:2.417em}
	
	/*1-3. 대관안내*/
	.rentalInfo>div{padding:0;}
	.rentalInfo .basicTable tbody td{padding:2%}
	.rentalInfo .table-bottom-text{font-size: 0.8em;line-height: 1.7em;}
	.rentalInfo>div .downbtnsWrap{float:none;margin-top:3%;width:100%;text-align:center}
	.rentalInfo>div .downbtnsWrap a{width:45%;text-align:left;}
	
	/*1-4. 오시는 길*/
	.location .map .mapInfo{ position: relative; width: 100%; height: auto; top: 0;left: 0;padding:6% 8%;z-index:1}
	.location .map .mapInfo img{width:50%;}
	.location .map .mapInfo dt{font-size:0.917em}
	.location .map .mapInfo dd{font-size:1em;}
	.transport>div{padding:0;}
	.transport>div>h3{float:none;width:100%;padding-right:0;font-size:1.667em;line-height:1.700em;text-align:left;margin-bottom:3%}
	.transport>div>h3 br{display:none}
	.transport>div>div{float:none;width:100%;}
	.transport>div>div table tr{display:block;width:100%;padding:4% 0;border-bottom:1px solid #ddd;}
	.transport>div>div table th,
	.transport>div>div table td{display:block;width:100%;padding:0;border-bottom:0;}
	
	.transport>div>div table th{font-size:1.167em;font-weight:400;margin-bottom:1%}
	.transport>div>div table td{font-size:1em}
	.transport.car,
	.transport.bus,
	.transport.subway,
	.transport.cityBus{background:none}
	.transport>div>div img{margin:0 auto;}
	
	.transport.subway >div a{width:100%;margin-bottom:4.6875%;height:0;padding-top:38.771%;background:url('/images/front/sub/subwayIMG_m.jpg') no-repeat 0 50%;    background-size: contain;}
	.transport.subway >div a i{font-size:1em;height:2.750em;line-height:2.750em}
	
	.transport.subway >div table{width:100%;margin-left:0;}
	.transport.subway .line{width:auto;height:auto;    padding: 0.1em 0.3em}
	
	
	/*1-4-2. 주차장안내*/
	.parkingInfo .basicTable tbody td{padding:2%}
	
	/*1-5.자주하는 질문*/
	.oftenQuestion>div{padding:0;}
	.oftenQuestion .searchWrap input{width:80%}
	.oftenQuestion .searchWrap button{width:20%}
	.oftenQuestion .qustionList li>div{padding:8% 0;}
	.oftenQuestion .qustionList li span{width:17%;font-size:1.250rem}
	.oftenQuestion .qustionList li p{font-size:1.083rem;margin-left:17%;width:83%;padding-right:13%;position:relative;}
	.oftenQuestion .qustionList li>div.question p::before{content:"";display:block;position:absolute;right:5%;top:50%;transform: translateY(-50%);width:5.9%;padding-top:2.9%;background: url('/images/front/sub/questionArrow.png') no-repeat; background-size:contain;}
	.oftenQuestion .qustionList li>div.question.on p::before{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	
	
	
	
	/*====================
				2.예약안내
	====================*/
	
	/*2-1.관람예약*/
	
	.watchInfo >div:first-child{margin-bottom:30%}
	.watchInfo .leftCont,
	.watchInfo .rightCont{float:none;margin-left:0;width:100%;}
	.watchInfo .leftCont{text-align:center}
	.watchInfo .leftCont span{width:100%;}
	.watchInfo .leftCont span img{width:100%;max-width:inherit;}
	.watchInfo .rightCont li{font-size:1.167em;padding-left:1.8em;line-height: 1.4em;margin-top:3%}
	.watchInfo .rightCont li:first-child{margin-top:0}
	.watchInfo .rightCont li .numberFont{font-size:0.786em;width:1.591em;height:1.591em;line-height:1.5em;top: 0.1em;}
	.watchInfo .rightCont li .grayBtn{display:block;font-size:0.821em;height:2.957em;line-height:2.957em;width:8.7em}
	.watchInfo .rightCont .lnkWrap a{font-size:1.083em;height:2.846em;line-height:2.846em;float:none;display:inline-block;width:6.923em}
	
	/*2-2. 해설예약*/
	
	.explanationInfo .listInfo{background:none;display:block;padding:0;margin-bottom:28%;}
	.explanationInfo .listInfo .leftBox,
	.explanationInfo .listInfo .rightBox{display:block;width:100%;padding:0;}
	
	.explanationInfo .listInfo .leftBox .blueLineImg{display:inline-block;width:auto;}
	
	.explanationInfo .listInfo .rightBox{margin-top:8%}
	.explanationInfo .listInfo .rightBox li{font-size: 1.167em; padding-left: 0;line-height: 1.5em; margin-bottom: 2%;padding-left:0.4em}
	.explanationInfo .listInfo .rightBox li .smallFont{font-size:0.929em;}
	.explanationInfo .listInfo .rightBox li span{position:relative;left:0;}
	
	.explanationInfo .table-bottom-text li{font-size:1em;line-height:1.4em}
	
	/*====================
				3.전시
	====================*/
	.exhibitionCont>p{font-size:1em;line-height:1.983em}
	
	/*3-1. 전시실 안내*/
	
	.exhibitionInfo .galleryWrap ul{position:relative;right:0;left:0;top:0;text-align:center;padding:4.38%}
	.exhibitionInfo .galleryWrap ul li {float:left;width:32.6%;margin-left:1%}
	.exhibitionInfo .galleryWrap ul li:first-child{margin-left:0;}
	.exhibitionInfo .galleryWrap ul li button{font-size:0.917em;width:100%;height:2.727em}
	.exhibitionInfo .infoText>p{font-size:1em;line-height:2.136em;color:#434343;}
	
	/*전시실 상단 이미지*/
	.exhibitionCont>.blueLineImg::after{display:none}
	.exhibitionCont>.blueLineImg {padding-top:70%;overflow:hidden;}
	.exhibitionCont>.blueLineImg img{position:absolute;top:0;max-width: inherit;height: 100%;left: 50%; transform: translateX(-50%);}
	.exhibitionCont>.blueLineImg i{font-size:1em;}
	
	/*====================
				5. 문화행사
	====================*/
	/*이벤트*/
	.cultureEvent .searchWrap p{float:left;min-width:auto;width:27%;margin-right:1%;margin-bottom:0;}
	
	/*문화행사 수상작*/
	.prize-winning{padding:0 5.46875%;}
	.prizeList li{width:49%;margin:0 0 2% 2%;}
	.prizeList li:nth-child(6n-1){margin-left:2%}
	.prizeList li:nth-child(2n-1){margin-left:0}
	.prizeList li a span{font-size:0.917em;padding:0.9em 0.5em}
	.prizeList li a i{width:0.909rem;height:0.909rem;top:1.1rem}
	
	/*====================
				6.  전쟁·군사정보   
	====================*/
	
	/*공통 간편검색*/
	.simpleSearch{padding:1.667em 0;}
	.simpleSearch strong{font-size:1.167em;display:block;margin-bottom:0.5rem}
	.simpleSearch div{margin:0 auto;display:block;width:91.22%}
	.simpleSearch input{width:100%;font-size:1em;height:3.083em;border-radius: 50px;}
	.simpleSearch button{width:1.250rem;height:1.167rem;top: 1rem;}
	
	
	/*6-1. 전쟁/군사/유물 검색*/
	.military-search .basicTable.mobileTable tbody tr{display:table-row}
	.military-search .basicTable.mobileTable tbody td:first-child{border-right:1px solid #ddd;display:table-cell}
	.military-search .basicTable.mobileTable tbody td{    display: table-cell;padding:10px}
	.military-search .basicTable td{padding:2%;line-height:1.750em;}
	.military-search .basicTable ul li{display:block;margin:0;}
	.military-search .basicTable ul li a{font-size:1em}
	
	.military-search .list-top{margin-bottom:0;}
	.military-search .list-top p{font-size:1.083em;display:block;border-bottom:2px solid #333;line-height:2.192em}
	.military-search .list-top p span{display:block;margin-left:0;font-size:0.846em;    line-height: 1em; margin-bottom: 2%;}
	.military-search .list-top div{display:block;float:none;font-size:0.917em;text-align:center; padding: 4% 0px}
	.military-search .list-top div select{width:8.500em;height:2.167em}
	.military-search .infoList{border-top:none;}
	.military-search .infoList>li, 
	.military-search .infoList>li:nth-child(2n-1){width:100%;margin-top:1.75%;padding:5% ;}
	.military-search .infoList>li:first-child{margin-top:0;}
	.military-search .infoList>li a>span{vertical-align:top;width:25%}
	.military-search .infoList>li a>span img{width:100%}
	.military-search .infoList>li a>div{padding:0 0 0 3%;width:75%}
	.military-search .infoList>li a>div .tit{font-size:1.250em}
	.military-search .infoList>li a>div li{font-size:0.917em;line-height:1.682em;}
	.military-search .infoList.imgList>li a>div li{padding-left:0.5em;}
	.military-search .infoList>li a>p i{display:none}
	
	.military-search .imgView .top .imgWrap{padding-top: 119%;overflow: hidden;}
	.military-search .imgView .top h3{font-size:1.5em}
	
	/*6-2 전사자 검색*/
	.warDeadSearch{padding:0;border:none;}
	.warDeadSearch>div strong,
	.warDeadSearch>div >div{float:none;display:block;width:100%;}
	.warDeadSearch>div strong{font-size:1.250em;    margin-bottom: 3%;}
	.warDeadSearch>div.basicSearch p{font-size:1em;line-height:1.417em}
	.warDeadSearch>div.basicSearch input{font-size:1em;height:2.583em}
	.warDeadSearch>div ul li{width:100%;float:none;margin-bottom:3.5%;}
	.warDeadSearch>div ul li:nth-child(1), 
	.warDeadSearch>div ul li:nth-child(2){margin-bottom:3.5%;}
	.warDeadSearch>div ul li span{font-size:1rem;width:29%}
	.warDeadSearch>div ul li span::before{height:1.292em}
	.warDeadSearch>div ul li  input,
	.warDeadSearch>div ul li  select{font-size:1rem;height:2.583em;width:100%;max-width:100%;}
	.warDeadSearch button{font-size:1.083em;height:2.846em;width:30%}
	
	.military-search .deadList{border-top:1px solid #ccc;}
	.military-search .deadList thead{display:none}
	
	.military-search .basicTable tbody tr{display:block;text-align:left;border-bottom:1px solid #ccc;padding:4% 2%;}
	.military-search .basicTable tbody td:first-child{display:block;font-size:1.083em}
	.military-search .basicTable tbody td{display:inline-block;border-bottom:none;padding:0;color:#666;border: none}
	.military-search .basicTable tbody td::after{ content: ""; display: inline-block;width: 2px; height: 0.8em; background: #ddd;vertical-align: baseline;    }
    .military-search .basicTable tbody td:first-child::after,
	.military-search .basicTable tbody td:last-child::after{display:none;}
	.military-search .basicTable tbody td .pc_none{display:inline-block;}
	
	.military-search .deadViewTitle{font-size:1.2em}
	.military-search .deadView{padding:4%}
	.military-search .deadView  .basicTable tbody tr{display:table-row;padding:0;}
	.military-search .deadView  .basicTable tbody td::after{display:none;}
	.military-search .deadView .basicTable td{display:table-cell;padding-left:5px;}
	
	/*6-3. 유물/자료수집*/
	
	
	.relic .basicTable tbody td{padding-left:2%}
	
	.imgBoardHoner.imgListBoard>li,
	.imgBoardHoner.imgListBoard>li:nth-child(2n+1),
	.imgBoardHoner.imgListBoard>li:nth-child(3n+1){width:100%;margin-left:0;}
	
	.imgBoardHoner.imgListBoard>li span{padding-top: 70%;}
	/*====================
				7.  소식·참여   
	====================*/
	
	/*7-2. 고객의 소리*/
	.topNotice{display:none;}
	
	
	/*7-3. 행정정보 공개*/
	.administration .listNumber i{font-size: 0.9em; width: 1.2em; height: 1.2em; vertical-align: middle; line-height: 1em;}
	.administration .listNumber li>p{font-size:1.13em;margin-bottom:3%}
	.administration .listNumber div{padding:3%;}
	.administration .listNumber div ul{margin-top:3%}
	.administration .listNumber div ul li:first-child{margin-top:0;}
	.administration .listNumber div ul li{margin-top:3%;padding-left:3%;line-height:1.1em;}
	
	/*7-3-2. 청구 및 처리 절차*/
	
	.administration .step ul{display:block;margin:0 auto 12%;width:60%;text-align:center;}
	.administration .step ul li{display:inline-block;float:none;font-size:0.917em;}
	.administration .step ol{padding-bottom:18%;margin-bottom:0;width:68%;margin:0 auto;background:url('/images/front/sub/administrationArrow_m.jpg') no-repeat 50% bottom ;background-size:contain;}
	.administration .step ol:last-child{background:none;}
	.administration .step ol li::before,
	.administration .step ol.floatRight li:first-child::before,
	.administration .step ol li:last-child::after{display:none}
	.administration .step ol li{float:none;display:block;width:100%;margin:0 auto;padding-top:27%;background:url('/images/front/sub/administrationArrow_m.jpg') no-repeat 50% 0 ;background-size:contain;}
	.administration .step ol li:first-child{margin:0 auto;padding-top:0;background:none;}
	.administration .step ol li >p{min-height:5em}
	.administration .step ol li >span{min-height:3.333em}
	
	
	
	.administration .step ol.floatRight li{float:none;}
	.administration .step ol.floatRight li:first-child,
	.administration .step ol.floatRight li:last-child{margin:0 auto}
	
	.administration .step ol li >span.ab{position:relative;bottom:0;}
		
	/*7-3-4. 정보공개 수수료*/
	.blueLineLeft{font-size: 1.250em; line-height: 2.267em;}
	.commissionTable tbody td{padding-left:4px;}
	.commissionTable tbody td ul li{float:left;}
	
	/*7-3-7. 사전공표 정보*/
	.administration .preInfoTable thead{display:none}
	.administration .preInfoTable tbody,
	.administration .preInfoTable tbody tr,
	.administration .preInfoTable tbody tr td{display:block;text-align:left;}
	
	.administration .preInfoTable tbody tr{padding:3% 0;border-bottom:1px solid #ccc}
	
	.administration .preInfoTable tbody tr td{border:none;padding:0 0 0 3%;position:relative;}
	.administration .preInfoTable tbody tr td::before{content: "";display: block;position: absolute; width: 0.2em; background: #cac8c6; border-radius: 50%; height: 0.2em;left: 1.4%;top: 0.7em;}
	.administration .preInfoTable tbody tr td .pc_none{display:inline-block;color:#222;margin-right:1%;}
	.administration .preInfoTable td:nth-child(3), 
	.administration .preInfoTable td:nth-child(4), 
	.administration .preInfoTable td:nth-child(5){text-align:left;}
	
	/*7-3-10. 경영공시*/
	.managementItem tbody td{padding-left:5px;}
	
	.administration .contentTab li{padding-left:0;}
	
	
	/*====================
				0.고객관련 페이지
	====================*/
	/*로그인*/
	.loginForm{width:100%;padding:7% 0%}
	
	.loginForm .loginWrap{width:100%;}
	.loginForm .loginWrap>p::after{content:"";display:block;clear:both}
	.loginForm .loginWrap span{font-size: 1em;width:calc(100% - 78%);float:left;line-height:2.833em}
	.loginForm .loginWrap input[type="text"],
	.loginForm .loginWrap input[type="password"]{font-size:1em;height: 2.833em; width: 78%;float:left:}
	.loginForm .loginWrap .checkWrap{padding-left:calc(100% - 78%);margin:3% 0;}
	.loginForm .loginWrap .checkWrap label{font-size:0.958em}
	.loginForm button{width:100%;font-size:1em;margin-left:0;height:3.292em;}
	
	.loginList{width:100%;padding: 4%;}
	.loginList li{font-size:0.917em;position:relative;}
	.loginList li::before{position:absolute;top:0.9em;left:0;}
	.loginList li span{float:left;width:calc(100% - 41%);padding:0 0.5em;line-height: 2em;}
	.loginList li a{width:41%;font-size:0.909em;height:2.600em;line-height:2.600em}
	
	/*아이디/비밀번호 찾기*/
	.findInfo ul{padding:0;}
	.findInfo ul li{float:none;width:100%; padding: 5%;}
	.findInfo ul li:first-child{margin:0 0 3% 0;}
	.findInfo ul li i{width: 20%;height: 0; padding-top: 20%;}
	.findInfo ul li p{font-size:1.167em}
	.findInfo ul li span{font-size:1em;line-height:1.2em;margin:4% 0 7%}
	.findInfo ul li a{font-size: 0.833em;height: 2.700em;line-height: 2.700em;width:40%;}
	
	/*회원가입 - 유형선택*/
	.selectType>div{padding:0;}
	
	.selectType .common-type li{width:100%;float:none;margin-left:0;margin-top:1.75%;padding:5.2%;}
	.selectType .common-type li:first-child{margin-top:0;}
	.selectType .common-type li p{font-size:1.333em}
	.selectType .common-type li span{font-size:0.917em;margin:3% 0;}
	.selectType .common-type li a{font-size:1em;line-height:2.750em;height:2.750em;width:40%}
	
	.selectType .simpleLogin li{width:100%;text-align:left;}
	.selectType .simpleLogin li a{font-size:1.083em;height:3.917em;line-height:3.917em;padding-left:5em}
	.selectType .simpleLogin li a::before{width:3.917em;height:3.917em}
	
	/*회원가입 - 1*/
	..sub-wrap{padding:0}
	.joinStep1 >ul{padding:4%;margin-bottom:10%}
	.joinStep1 >ul li{font-size:1em;line-height:1.5em;margin-bottom:2%;}
	.joinStep1 .top{margin-bottom:2%}
	.joinStep1 .top h3{font-size:1.5em}
	.joinStep1 .top >p{float:none;text-align:right;margin-top:1%;}
	.joinStep1 .top >p label{font-size:0.9em;}
	
	.scrollBox{font-size:1em}
	
	/*회원가입- 완료*/
	.joinFinish>div{margin:0;padding:10% 4%}
	.joinFinish>div h3{font-size:1.250em}
	.joinFinish>div p{font-size:0.917em}
	.joinFinish>div ul li{font-size: 1.083em; height: 2.846em;line-height: 2.846em;width: 40%;}
	.joinFinish>div ul li a{font-size: 1em; }
	
	.searchTitle{font-size:1.2em;margin-bottom:0.5em;}
	.searchMobile{border-top:2px solid #222;color:#666;padding:0.833em 0;}
	.searchMobile{font-size:1em;margin-right:1em;margin-bottom:0;}
	.searchList{border:none}
	.searchList li{border:1px solid #ddd;padding:2em 1.5em;margin-bottom:0.833em}
	.searchList li a.title{font-size:1.250em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.searchList li span.date{text-align:left;color:#999;font-size:0.917em;padding:1em 0;}
	.searchList li p{margin-top:0;color:#666;font-size:0.917em}
	.searchList li a.mobileBtn{display:block;margin:1em auto 0;font-size:0.917em;height:3.273em;line-height:3.273em;border:1px solid #ddd;width:53%}
	.searchTABlist .moreWrap{font-size:1em;}
	
	/*마이페이지*/
	.boardTop ul.btnWrap {margin-top:1em}
	.boardTop ul.btnWrap li a{width:auto;padding:0 0.4em;}
}

@media screen and (max-width: 1400px){
	
	.slideBanner{display:none}
}