수정
This commit is contained in:
com02
parent
32de49fff1
commit
da5c61f12f
@ -64,66 +64,78 @@ a.pop-logo img { margin-right: 10px; }
|
||||
.data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; }
|
||||
.pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; }
|
||||
|
||||
|
||||
/*
|
||||
@media all and (max-width: 1400px){
|
||||
.wrap header .inner {width:100%;}
|
||||
.wrap header .inner .search-wrap {width:40%;}
|
||||
.wrap header .inner .search-wrap .ark_query {width:120px;}
|
||||
.wrap .nav-wrap .inner {width:100%;}
|
||||
|
||||
.mo-ver { display: block !important; }
|
||||
.mo_tabs_wrap { width: 100%; overflow-y: auto; }
|
||||
.wrap { position: relative; width: 100vw; min-width: auto; }
|
||||
.wrap.sub { padding-top: 73px; }
|
||||
.wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap header .inner { width: auto; margin: 0; }
|
||||
.wrap header .inner h1 { width: auto; }
|
||||
.wrap.sub .nav-wrap { box-shadow: none; }
|
||||
.wrap header .inner h1 a span.title-2 { display: none; }
|
||||
.wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; }
|
||||
.wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; }
|
||||
.wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;}
|
||||
.wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; } /* 셀렉트 박스 */
|
||||
.wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; }
|
||||
.wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; }
|
||||
.wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; }
|
||||
.wrap header .inner .log { display: none; }
|
||||
.wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; }
|
||||
.wrap .nav-wrap.scroll_on { box-shadow: none; }
|
||||
.wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; }
|
||||
.wrap .nav-wrap .inner .left { display: none;z-index:999; }
|
||||
.wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; }
|
||||
.wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; }
|
||||
.wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; }
|
||||
.wrap .nav-wrap .inner .left span,
|
||||
.wrap .nav-wrap .inner .left .member-btn { display: none; }
|
||||
.wrap .nav-wrap .inner .right { display: flex;z-index:999; }
|
||||
#mo_search_icon { display: block; }
|
||||
#primary-nav-button.mobile { position: relative; top: 0; }
|
||||
.wrap .nav-wrap .Btn i { background: #fff; }
|
||||
.wrap .nav-wrap .Btn i::before { background: #fff; }
|
||||
.wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; }
|
||||
.wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; }
|
||||
.sec1 .inner .banner { height: 400px; background-position: -452px; }
|
||||
.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; }
|
||||
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 220px; }
|
||||
.sec1 .inner .banner p > span { display: block; }
|
||||
.sec1 .inner .banner p:nth-of-type(2) {top:290px;}
|
||||
|
||||
.mo-ver { display: block !important; }
|
||||
.mo_tabs_wrap { width: 100%; overflow-y: auto; }
|
||||
.wrap { position: relative; width: 100vw; }
|
||||
.wrap.sub { padding-top: 73px; }
|
||||
.wrap header { width: 100vw; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap header .inner { width: auto; margin: 0; }
|
||||
.wrap header .inner h1 { width: auto; }
|
||||
.wrap.sub .nav-wrap { box-shadow: none; }
|
||||
.wrap header .inner h1 a span.title-2 { display: none; }
|
||||
.wrap header .inner .search-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); z-index: 110; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap header .inner .search-wrap h2.blind { display: block; font-weight: 500; font-size: 22px; line-height: 33px; color: #ffffff; text-align: left; margin: 16px 0; display: flex; align-items: center; justify-content: space-between; }
|
||||
.wrap header .inner .search-wrap .search-close { display:inline-block;position:absolute;right:5%;top:23px; }
|
||||
.wrap header .inner .search-wrap .search-close button {display:inline-block;width: 20px; height: 20px; background: url("/images/btn/btn-pop-close.png") no-repeat; background-size: 100%;}
|
||||
.wrap header .inner .search-wrap form .search-input { display: flex; flex-direction: column-reverse; margin-top: 58px; }
|
||||
.wrap header .inner .search-wrap form .condition_sear { width: 100%; height: 40px; left: 0; box-sizing: border-box; padding: 0; background: #ffffff; border-radius: 5px; }
|
||||
.wrap header .inner .search-wrap form .condition_sear select { width: 100%; height: 100%; padding: 0 20px 0 10px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search { position: absolute; left: 0; background: none; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search span { width: 22px; height: 22px; background: url("/images/icon/icon-search-mo.png") no-repeat; background-size: 100%; }
|
||||
.wrap header .inner .search-wrap .ark_query { width: 100%; box-sizing: border-box; padding: 0px 63px 0px 44px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search-detail { position: absolute; left: auto; right: 10px; top: 8px; width: 43px; height: 28px; background: #e6e7e9; border-radius: 30px; color: #666666; line-height: 18px; }
|
||||
.wrap header .inner .search-wrap .search-input .btn-search-detail span { display: none; }
|
||||
.wrap header .inner .log { display: none; }
|
||||
.wrap .nav-wrap { width: auto; top: 0; left: auto; right: 0; background: none !important; z-index: 101; }
|
||||
.wrap .nav-wrap.scroll_on { box-shadow: none; }
|
||||
.wrap .nav-wrap .inner { width: auto; height: 72px; display: flex; align-items: center; justify-content: flex-end; padding: 0 16px; box-sizing: border-box; }
|
||||
.wrap .nav-wrap .inner.mo_show { width: 286px; justify-content: space-between; }
|
||||
.wrap .nav-wrap .inner .left { display: none;z-index:999; }
|
||||
.wrap .nav-wrap .inner .left.is_login span { display: inline-block; width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); vertical-align: bottom; margin: 0 20px; }
|
||||
.wrap .nav-wrap .inner .left.is_login .member-btn { display: inline-flex; align-items: center; color: #fff; }
|
||||
.wrap .nav-wrap .inner .left .member-btn img { margin-right: 8px; }
|
||||
.wrap .nav-wrap .inner .left span,
|
||||
.wrap .nav-wrap .inner .left .member-btn { display: none; }
|
||||
.wrap .nav-wrap .inner .right { display: flex;z-index:999; }
|
||||
#mo_search_icon { display: block; }
|
||||
#primary-nav-button.mobile { position: relative; top: 0; }
|
||||
.wrap .nav-wrap .Btn i { background: #fff; }
|
||||
.wrap .nav-wrap .Btn i::before { background: #fff; }
|
||||
.wrap .nav-wrap .Btn.selected i::after { bottom: 0; border-bottom: none; }
|
||||
.wrap .nav-wrap .Btn i::after { content: ""; position: absolute; left: 0; width: 25px; height: 2px; border-radius: 10px; background: #fff; border-color: #fff; }
|
||||
.sec1 .inner .banner { height: 400px; background-position: -452px; }
|
||||
.sec1 .inner .banner h3 { font-size: 22px; line-height: 33px; top: 142px; }
|
||||
.sec1 .inner .banner p { font-size: 14px; line-height: 21px; top: 180px; }
|
||||
.sec1 .inner .banner p > span { display: block; }
|
||||
.sec1 .inner .banner p:nth-of-type(2) {top:260px;}
|
||||
.sec1 .inner .color-box {width:100vw;padding:0px 50px;box-sizing: border-box;top:-70px;}
|
||||
.sec1 .inner .color-box .list {height:180px;}
|
||||
.sec1 .inner .color-box .list .title {font-size:18px;margin:20px 0px 10px;}
|
||||
.contents {width:100%;}
|
||||
.sec2 .keyword-box {width:100%;}
|
||||
.sec3 .pickSwiper .swiper-slide .list-box .images a img {width:100%;}
|
||||
.sec5 .inner .tab_content {width:96%;padding:30px 2%;}
|
||||
.sec5 .inner {width:100%;}
|
||||
.sec6 .inner .more-btn {right: 0%;}
|
||||
.sec6 .onlineSwiper .swiper-slide {background:none;box-shadow:0 0 0;}
|
||||
.sec6 .onlineSwiper::before {width:7%;box-shadow:0 0 0;}
|
||||
.sec6 .onlineSwiper::after {right:-1px;width:7%;box-shadow:0 0 0;}
|
||||
.sec6 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:15px;}
|
||||
.sec6 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:15px;}
|
||||
.sec7 {vertical-align:top;}
|
||||
.sec7 .inner {width:100%;}
|
||||
.sec7 .inner .Fl .con .list .text {width:55%;}
|
||||
.sec7 .inner .Fl .con .list .text {width:53%;}
|
||||
.sec7 .inner .qna .con .list .text {width:40%;}
|
||||
.sec7 .inner .Fl .con .list .box {margin-right:2%;}
|
||||
footer .inner {width:100%;}
|
||||
footer .family_site {right:10px;}
|
||||
.map .inner .info-box {width: 100%;}
|
||||
.data.detail .inner .row-top .center {width:100%;}
|
||||
.data.detail .inner .row-bottom .con-4 .top h3 {width:100%;}
|
||||
@ -164,10 +176,10 @@ footer .inner {width:100%;}
|
||||
.service .top-bg {width:100%;}
|
||||
.service .con {width:100%;}
|
||||
}
|
||||
|
||||
*?
|
||||
|
||||
/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
|
||||
@media all and (max-width: 479px){
|
||||
@media all and (max-width: 1400px){
|
||||
button, select {color:#333;}
|
||||
.mo-ver { display: block !important; }
|
||||
.mo_tabs_wrap { width: 100%; overflow-y: auto; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user