fix : css 정리

main
이범준 2 years ago
parent 72b58e1f93
commit 1f49baf3f1

@ -11,23 +11,7 @@
<input type="hidden" id="payerId" name="payerId" value="<c:out value="${contents.payerId }"/>"> <input type="hidden" id="payerId" name="payerId" value="<c:out value="${contents.payerId }"/>">
<input type="hidden" id="regltId" name="regltId" value="${contents.regltId }"> <input type="hidden" id="regltId" name="regltId" value="${contents.regltId }">
<!--
<div class="conttitle">
<img src="${ctx }/resources/biz/common/images/titleLogo_01.png"/>
<p class="title">개별총정보</p>
</div>
-->
<!--
<div class="listBtn">
<button type="button" id="prev" name="prev">prev</button>
<div>
<span>
<div id="totCnt" style="padding: 0 10px;"><span></span></div>
</span>
</div>
<button type="button" id="next" name="next">next</button>
</div>
-->
<div class="pop"> <div class="pop">
<div id="tabs_0"> <div id="tabs_0">
<div class="w_fix01 gridGroup"> <div class="w_fix01 gridGroup">

@ -56,7 +56,7 @@
</ul> </ul>
<div class="list clearfix" id="totCnt">전체 ㅣ <span></span></div> <div class="list clearfix" id="totCnt">전체 ㅣ <span></span></div>
</div> </div>
<!-- <div class="tableArea"> -->
<!-- //버튼 및 페이지정보 --> <!-- //버튼 및 페이지정보 -->
<div> <div>
<div id="tabs"> <div id="tabs">

@ -52,7 +52,7 @@
<li><a href="#none">샘플 링크6</a></li> <li><a href="#none">샘플 링크6</a></li>
</ul> </ul>
</div> </div>
<!-- <div class="tab-list-ui" data-list-num='3'> -->
<div class="tab-list-ui" data-list-num='2'> <div class="tab-list-ui" data-list-num='2'>
<dl class="detailList sel"> <dl class="detailList sel">
<dt> <dt>
@ -116,166 +116,4 @@
<span>+</span></a> <span>+</span></a>
</dd> </dd>
</dl> </dl>
<!--
<dl class="detailList">
<dt><button>tab3</button></dt>
<dd>
<ul class="list">
<li class="item">
<a href="#none">
<em>투형 드론 수십 대를 수송기나 군용기에 탑재시킨 채 적진 깊숙이 비행하면서 목표를 타격하는 것이 프로젝트의 핵심이다. 이 프로젝트에는 록히드마틴과 노스롭그루먼 같은 쟁쟁한 방위산업체들이 참여하고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>지금으로부터 약 100여 년 전에 등장한 항공모함이라는 개념은 그동안 경이로운 발전을 거듭해 왔다. 해상 항공기 탑재라는 단순한 개념으로 출발했지만, 이제는 ‘이동이 가능한 항공기지’라는 이미지가 더 강할 정도로 그 규모와 역할이 커지고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>항공모함의 개념을 공중으로 끌어올려 바다가 아닌 하늘에서도 ‘움직이는 항공기지’를 구축하려는 프로젝트가 시도되고 있어 주목을 끌고 있다. 이른바 ‘공중 항공모함(Sky Aircraft Carrier) 프로젝트다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>당초 정찰 임무를 주로 하는 드론으로 개발되었다. 그러나 공중 항모 프로젝트가 시작되면서 공대공 미사일을 탑재시켜 실제로 적기와 교전하는 내용으로 변경되었고, 그에 따라 드론의 구조도 변경되었다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>공중 항모 프로젝트를 추진하고 있는 곳은 미 국방부 산하기관인 방위고등연구계획국(DARPA)이다. 해당 프로젝트는 군용기가 비행하면서 전투형 드론을 발사하고 회수하는 시스템으로 구성되어 있다.</em>
<span>2021.05.01</span>
</a>
</li>
</ul>
<a href="#none" class="btnMore">더보기 <span>></span></a>
</dd>
</dl>
</div>
-->
<!--
<ul class='data-list' data-list-num='3'>
<li>
<div class="boardArea">
<strong><span>공지사항1</span></strong>
<ul class="list">
<li class="item">
<a href="#none">
<em>투형 드론 수십 대를 수송기나 군용기에 탑재시킨 채 적진 깊숙이 비행하면서 목표를 타격하는 것이 프로젝트의 핵심이다. 이 프로젝트에는 록히드마틴과 노스롭그루먼 같은 쟁쟁한 방위산업체들이 참여하고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>당초 정찰 임무를 주로 하는 드론으로 개발되었다. 그러나 공중 항모 프로젝트가 시작되면서 공대공 미사일을 탑재시켜 실제로 적기와 교전하는 내용으로 변경되었고, 그에 따라 드론의 구조도 변경되었다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>지금으로부터 약 100여 년 전에 등장한 항공모함이라는 개념은 그동안 경이로운 발전을 거듭해 왔다. 해상 항공기 탑재라는 단순한 개념으로 출발했지만, 이제는 ‘이동이 가능한 항공기지’라는 이미지가 더 강할 정도로 그 규모와 역할이 커지고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>항공모함의 개념을 공중으로 끌어올려 바다가 아닌 하늘에서도 ‘움직이는 항공기지’를 구축하려는 프로젝트가 시도되고 있어 주목을 끌고 있다. 이른바 ‘공중 항공모함(Sky Aircraft Carrier) 프로젝트다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>공중 항모 프로젝트를 추진하고 있는 곳은 미 국방부 산하기관인 방위고등연구계획국(DARPA)이다. 해당 프로젝트는 군용기가 비행하면서 전투형 드론을 발사하고 회수하는 시스템으로 구성되어 있다.</em>
<span>2021.05.01</span>
</a>
</li>
</ul>
<a href="#none" class="btnMore">더보기 <span>></span></a>
</div> </div>
</li>
<li>
<div class="boardArea">
<strong><span>공지사항2</span></strong>
<ul class="list">
<li class="item">
<a href="#none">
<em>투형 드론 수십 대를 수송기나 군용기에 탑재시킨 채 적진 깊숙이 비행하면서 목표를 타격하는 것이 프로젝트의 핵심이다. 이 프로젝트에는 록히드마틴과 노스롭그루먼 같은 쟁쟁한 방위산업체들이 참여하고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>당초 정찰 임무를 주로 하는 드론으로 개발되었다. 그러나 공중 항모 프로젝트가 시작되면서 공대공 미사일을 탑재시켜 실제로 적기와 교전하는 내용으로 변경되었고, 그에 따라 드론의 구조도 변경되었다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>지금으로부터 약 100여 년 전에 등장한 항공모함이라는 개념은 그동안 경이로운 발전을 거듭해 왔다. 해상 항공기 탑재라는 단순한 개념으로 출발했지만, 이제는 ‘이동이 가능한 항공기지’라는 이미지가 더 강할 정도로 그 규모와 역할이 커지고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>항공모함의 개념을 공중으로 끌어올려 바다가 아닌 하늘에서도 ‘움직이는 항공기지’를 구축하려는 프로젝트가 시도되고 있어 주목을 끌고 있다. 이른바 ‘공중 항공모함(Sky Aircraft Carrier) 프로젝트다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>공중 항모 프로젝트를 추진하고 있는 곳은 미 국방부 산하기관인 방위고등연구계획국(DARPA)이다. 해당 프로젝트는 군용기가 비행하면서 전투형 드론을 발사하고 회수하는 시스템으로 구성되어 있다.</em>
<span>2021.05.01</span>
</a>
</li>
</ul>
<a href="#none" class="btnMore">더보기 <span>></span></a>
</div>
</li>
<li>
<div class="boardArea">
<strong><span>공지사항3</span></strong>
<ul class="list">
<li class="item">
<a href="#none">
<em>투형 드론 수십 대를 수송기나 군용기에 탑재시킨 채 적진 깊숙이 비행하면서 목표를 타격하는 것이 프로젝트의 핵심이다. 이 프로젝트에는 록히드마틴과 노스롭그루먼 같은 쟁쟁한 방위산업체들이 참여하고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>당초 정찰 임무를 주로 하는 드론으로 개발되었다. 그러나 공중 항모 프로젝트가 시작되면서 공대공 미사일을 탑재시켜 실제로 적기와 교전하는 내용으로 변경되었고, 그에 따라 드론의 구조도 변경되었다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>지금으로부터 약 100여 년 전에 등장한 항공모함이라는 개념은 그동안 경이로운 발전을 거듭해 왔다. 해상 항공기 탑재라는 단순한 개념으로 출발했지만, 이제는 ‘이동이 가능한 항공기지’라는 이미지가 더 강할 정도로 그 규모와 역할이 커지고 있다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>항공모함의 개념을 공중으로 끌어올려 바다가 아닌 하늘에서도 ‘움직이는 항공기지’를 구축하려는 프로젝트가 시도되고 있어 주목을 끌고 있다. 이른바 ‘공중 항공모함(Sky Aircraft Carrier) 프로젝트다.</em>
<span>2021.05.01</span>
</a>
</li>
<li class="item">
<a href="#none">
<em>공중 항모 프로젝트를 추진하고 있는 곳은 미 국방부 산하기관인 방위고등연구계획국(DARPA)이다. 해당 프로젝트는 군용기가 비행하면서 전투형 드론을 발사하고 회수하는 시스템으로 구성되어 있다.</em>
<span>2021.05.01</span>
</a>
</li>
</ul>
<a href="#none" class="btnMore">더보기 <span>></span></a>
</div>
</li>
</ul>
-->

@ -19,10 +19,7 @@
<body> <body>
<div id="wrap"> <div id="wrap">
<%-- <div class="conttitle">
<img src="${ctx }/resources/biz/common/images/titleLogo_01.png"/>
<h3>${urlInfoMap.menuName}</h3>
</div><!--2021.09.23 박소영 h3새로추가--> --%>
<t:insertAttribute name="content"/> <t:insertAttribute name="content"/>
</div> </div>
<!-- //wrap --> <!-- //wrap -->

@ -1,7 +1,7 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<nav> <nav>
<div class="nav-box"> <div>
<div id="sneatMenu" style="height: 100%;"> <div id="sneatMenu" style="height: 100%;">
<div class="app-brand border py-1 px-3"> <div class="app-brand border py-1 px-3">

@ -0,0 +1,123 @@
#skipnavigation li {
line-height: 0; }
#skipnavigation li a {
position: absolute;
left: -3000%;
line-height: 0; }
#skipnavigation li a:focus {
display: block;
top: 0;
left: 0;
z-index: 10000000000;
width: 100%;
height: 30px;
background: #e0002a;
line-height: 30px;
color: #fff;
text-align: center; }
/* ** history 영역 가이드 ** */
.history {
font-size: 11px;
color: #333;
text-align: right;
}
.history span {
display: inline-block;
width: 25px;
font-weight: bold;
color: #999;
text-align: center; }
.history > a {
display: inline-block;
color: #999; }
.history > a:hover {
color: #ff5a20; }
.bind-contents {
margin: 0 auto;
padding: 0px 10px 30px 0px;
min-height: 100vh;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 760px) {
.bind-contents {
min-height: 90vh;
}
}
.main-banner {
position: relative;
min-width: 1100px;
min-height: 400px;
height: 60vh;
/*background: $border-color;*/
/*border-left:1px solid #e1e1e1;*/
/*margin-bottom:15px;*/ }
.main-banner .main_inner {
border: 0px solid red; }
.main-banner .main_inner .mainVisual_text {
position: absolute;
top: 245px;
left: 20px;
font-weight: bold;
letter-spacing: -2.6px;
}
.main-banner .main_inner .mainVisual_text .mainVisual_tit {
font-family: "S-CoreDream-5Medium";
font-size: 48px;
color: #1e2f4d; }
.main-banner .main_inner .mainVisual_text .mainVisual_subtit {
font-family: "S-CoreDream-3Light";
font-size: 20px; }
.main-banner .main_inner .mainVisual_img01 {
position: absolute;
z-index: 1;
right: 211px;
width: 350px;
top: 50px;
/*animation: test_01 3s infinite linear 0s alternate;*/ }
.main-banner .main_inner .mainVisual_img03 {
position: absolute;
right: 55px;
z-index: 1; }
.main-banner .main_inner .mainVisual_img04 {
position: absolute;
top: 21px;
width: 100%; }
.main-banner .main_inner .mainVisual_img05 {
position: absolute;
bottom: -16px;
width: 100%; }
.main-banner ul {
position: absolute;
width: 100%;
bottom: 0;
right: 0;
display: none; }
.main-banner ul li {
float: left;
width: calc(100% / 3); }
.main-banner ul li a {
box-sizing: border-box;
display: block;
padding: 20px 15px;
text-align: center;
border: 1px solid #d0d0d0;
background: #999;
color: #fff;
font-size: 12px;
letter-spacing: -0.6px; }
.cont {
position: relative;
z-index: 1; }
.cont .cont_container {
display: inline-block;
width: 100%;
}

File diff suppressed because it is too large Load Diff

@ -59,20 +59,12 @@ $(document).ready(function(){
$(".modal-wrap").css("display",'table'); $(".modal-wrap").css("display",'table');
$(".modal-wrap .cont-box#"+popId).show(); $(".modal-wrap .cont-box#"+popId).show();
/*
* 2021.09.23. 코드추가 - 박민규
* 네비박스 z-index 2->1 수정
*/
$('div.nav-box').css('z-index', 1);
}); });
/*------- 팝업 닫힘 -------*/ /*------- 팝업 닫힘 -------*/
$( "body" ).on( "click", ".modal-wrap button[data-modal-close]", function() { $( "body" ).on( "click", ".modal-wrap button[data-modal-close]", function() {
$(".modal-wrap, .modal-wrap .cont-box").hide(); $(".modal-wrap, .modal-wrap .cont-box").hide();
/*
* 2021.09.23. 코드추가 - 박민규
* 네비박스 z-index 1->2 원복
*/
$('div.nav-box').css('z-index', 2);
}); });
}); });
Loading…
Cancel
Save