diff --git a/html/css/common.css b/html/css/common.css
index 57c637c..6bf404c 100644
--- a/html/css/common.css
+++ b/html/css/common.css
@@ -66,7 +66,7 @@ body,html{overflow-x: hidden;}
.bg04 .inner{padding-top:80px;}
.bg04 ul{width:100%;display:flex;flex-wrap:wrap;}
.bg05{padding:200px 0;}
-.box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;}
+.box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;justify-content: center;}
.box > a{width:300px;height:300px;display:block;}
.box:hover .list-box{ opacity: 0; }
.box:hover .line-box{ opacity: 1; }
@@ -332,7 +332,7 @@ padding:18px 20px 15px 20px;font-weight:500;margin: 0px auto;font-size:1rem;box-
.mg_box.on{z-index:9999;}
.m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;}
.m_gnb.on{z-index:9999; right:0;}
-div.mg_btn{position:absolute; top:15px; right:10px; z-index:99999;
+div.mg_btn{display:none;position:absolute; top:15px; right:10px; z-index:99999;
transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
}
@@ -346,7 +346,7 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.m_gnb div.mg_wrap>ul{padding:100px;}
.m_gnb div.mg_wrap>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444!important;}
-.m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;}
+.m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;height:auto!important}
.m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:20px;color:#444;}
.m_gnb div.mg_bk{display:none; width:100%; height:100%; background:#222; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;}
@@ -359,11 +359,14 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
@media screen and (max-width:1024px){
#fullpage{display:none}
.pc-hd{display:none}
- html,body{height:100%!important;}
+ #fp-nav{display:none;}
+ div.mg_btn{display:block;}
+ html,body{}
#hd:hover{background:inherit!important;}
- #mo-main .main-bn{height:520px;background-size:cover;}
+ #mo-main .main-bn{height:520px;background-size:cover;display: flex;align-items: center;}
+ #mo-main .main-bn.bg04{height:auto;background-size:400px;}
#container{height:100%;}
- .inner{width:100%;padding:0 20px;}
+ .inner{width:100%;padding:0 20px;position: inherit;top:0;left:0;transform: inherit;}
.bg-square{width:200px;height:200px;top:-50px}
.main-txt-box{padding:0 40px;}
.main-bn .inner{padding-top:60px;}
@@ -374,4 +377,9 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.main-bn .big{font-size:4rem}
.main-txt-box b{font-size:2.5rem;}
.main-txt-box{font-size:1.25rem;word-break: keep-all;}
+ .bg04 .inner{padding-top:0px;}
+ .line-box{display:none;}
+ .box > a{width:220px;height:220px;}
+ .list-box{width:220px;height:220px;}
+ #footer{position: initial;}
}
\ No newline at end of file
diff --git a/html/include/header.html b/html/include/header.html
index 594382a..36f1617 100644
--- a/html/include/header.html
+++ b/html/include/header.html
@@ -20,7 +20,6 @@
});
- $('html.on #hd_wrapper').css('height', '100vh');
//햄버거메뉴 X버튼 활성화 및 메뉴바 슬라이딩
$('.mg_btn').click(function(){
diff --git a/html/index.html b/html/index.html
index ddce55e..00a8235 100644
--- a/html/index.html
+++ b/html/index.html
@@ -52,7 +52,7 @@ body,html{
position: relative;
}
@media screen and(max-width:1024px) {
- body,html{overflow-y:auto!important;}
+ body,html{overflow:auto!important;height:100%;}
}
diff --git a/html/js/common.js b/html/js/common.js
index b4bbac3..f89dbfe 100644
--- a/html/js/common.js
+++ b/html/js/common.js
@@ -8,7 +8,7 @@ $(function(){
licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
//options here
anchors:['home', 'works', 'mobility','skills', 'news'],
- // responsiveWidth: 1024,
+ responsiveWidth: 1024,
autoScrolling:true,
scrollHorizontally: true,
navigation:true,
@@ -20,39 +20,39 @@ $(function(){
}
if(destination.anchor === 'skills' || destination.anchor === 'news') {
- $('.pc-hd .gnb_1da').css('color', '#000');
- $('.pc-hd .wh_logo').css('display', 'none');
- $('.pc-hd .color_logo').css('display', 'block');
+ $('.gnb_1da').css('color', '#000');
+ $('.wh_logo').css('display', 'none');
+ $('.color_logo').css('display', 'block');
$('#hd').on('mouseenter', function () {
- $('.pc-hd .wh_logo').css('display', 'block');
- $('.pc-hd .color_logo').css('display', 'none');
+ $('.wh_logo').css('display', 'block');
+ $('.color_logo').css('display', 'none');
});
$('#hd').on('mouseleave', function () {
- $('.pc-hd .wh_logo').css('display', 'none');
- $('.pc-hd .color_logo').css('display', 'block');
- $('.pc-hd .gnb_1da').css('color', '#000');
+ $('.wh_logo').css('display', 'none');
+ $('.color_logo').css('display', 'block');
+ $('.gnb_1da').css('color', '#000');
});
} else {
- $('.pc-hd .gnb_1da').css('color', '#fff');
+ $('.gnb_1da').css('color', '#fff');
}
},
onLeave: function(origin, destination){
new WOW().init();
console.log(destination)
if(destination.anchor === 'skills' || destination.anchor === 'news') {
- $('.pc-hd .gnb_1da').css('color', '#fff');
+ $('.gnb_1da').css('color', '#fff');
} else {
- $('.pc-hd .gnb_1da').css('color', '#fff');
- $('.pc-hd .wh_logo').css('display', 'block');
- $('.pc-hd .color_logo').css('display', 'none');
+ $('.gnb_1da').css('color', '#fff');
+ $('.wh_logo').css('display', 'block');
+ $('.color_logo').css('display', 'none');
$('#hd').on('mouseenter', function () {
- $('.pc-hd .wh_logo').css('display', 'block');
- $('.pc-hd .color_logo').css('display', 'none');
+ $('.wh_logo').css('display', 'block');
+ $('.color_logo').css('display', 'none');
});
$('#hd').on('mouseleave', function () {
- $('.pc-hd .wh_logo').css('display', 'block');
- $('.pc-hd .color_logo').css('display', 'none');
- $('.pc-hd .gnb_1da').css('color', '#fff');
+ $('.wh_logo').css('display', 'block');
+ $('.color_logo').css('display', 'none');
+ $('.gnb_1da').css('color', '#fff');
});
}
},