Skip to content

O
open-platform
Commit 3241aef0 authored by kim bo min's avatar kim bo min
Browse files
Options

Initial commit

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2104 additions and 0 deletions

Too many changes to show.
Plain diff Email patch

To preserve performance only 1000 of 1000+ files are displayed.

assets/css/index.css 0 → 100644
View file @ 3241aef0
@charset "UTF-8";
@font-face {
font-family: "nanum-SQ-L";
font-style: normal;
src: url("../fonts/NanumSquare/NANUMSQUAREL.TTF") format("truetype"); }
@font-face {
font-family: "nanum-SQ-R";
font-style: normal;
src: url("../fonts/NanumSquare/NANUMSQUARER.TTF") format("truetype"); }
@font-face {
font-family: "nanum-SQ-B";
font-style: normal;
src: url("../fonts/NanumSquare/NANUMSQUAREB.TTF") format("truetype"); }
@font-face {
font-family: "nanum-SQ-EB";
font-style: normal;
src: url("../fonts/NanumSquare/NANUMSQUAREEB.TTF") format("truetype"); }
*, *:before, *:after {
box-sizing: border-box; }
html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-size-adjust: none;
box-sizing: border-box; }
footer, header, nav, section, main {
display: block; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input {
-webkit-appearance: none;
border-radius: 0;
border: 0;
background-color: transparent; }
input:focus {
outline: 0; }
body {
line-height: 1; }
img {
vertical-align: middle; }
button {
cursor: pointer;
border: 0;
background-color: transparent;
vertical-align: middle; }
button:focus {
outline: 0; }
a {
text-decoration: none;
box-sizing: border-box;
display: inline-block; }
a:visited {
color: inherit; }
.search {
width: 420px;
height: 40px;
border-radius: 20px;
border: 3px #4fb2da solid;
margin: 0 auto;
padding: 8px 20px 8px 40px;
background-color: #f4f4f4; }
.search form {
display: block;
height: 100%; }
.search-input {
width: 100%;
height: 100%;
font-size: 18px;
color: #6a6a6a; }
.search .btn-search {
position: absolute;
left: 13px;
top: 50%;
margin-top: -10px; }
.btn-search {
font-size: 0;
width: 20px;
height: 20px;
background-image: url("../../static/images/icon/icon-search.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
.visual {
background-color: #f1fbff;
height: 370px; }
.visual-inner {
max-width: 1320px;
margin: 0 auto;
height: 100%;
position: relative; }
.visual .title {
display: block;
font-family: 'nanum-SQ-EB';
font-size: 50px; }
.visual .sub-title {
font-family: 'nanum-SQ-B';
font-size: 30px;
line-height: 1.2;
max-width: 500px;
max-height: 72px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* 여러 줄 자르기 추가 스타일 */
white-space: normal;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.btn-default {
font-family: 'nanum-SQ-EB';
font-size: 20px;
color: #fff !important;
text-align: center;
min-width: 123px;
height: 50px;
border-radius: 25px;
padding: 15px 25px 13px;
background-color: #4fb2da;
line-height: 1; }
html, body {
font-family: 'nanum-SQ-R';
height: 100%;
font-size: 0;
color: #3b3b3b; }
a {
display: inline-block; }
a:focus, button:focus, input:focus {
outline: 2px #000 solid; }
.wrapper {
height: 100%; }
.header-inner {
max-width: 1320px;
margin: 0 auto;
position: relative;
height: 80px; }
.header h1 {
position: absolute;
left: 0;
top: 50%;
margin-top: -20px; }
.header h1 img {
height: 40px; }
.header .search {
position: relative;
top: 20px; }
.footer {
background-color: #fff; }
.footer-inner {
position: relative;
max-width: 1320px;
margin: 0 auto;
padding-left: 237px;
height: 145px; }
.footer-link {
padding-top: 25px;
margin-bottom: 15px; }
.footer-link a {
font-size: 16px;
line-height: 18px;
vertical-align: middle;
margin-right: 16px; }
.footer-link a.footer-link_bold {
font-family: 'nanum-SQ-B'; }
.footer-link a:last-child {
margin-right: 0; }
.footer .company-info {
font-size: 14px;
line-height: 16px;
color: #6a6a6a; }
.footer .company-info img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.footer .company-info address {
display: block;
margin-bottom: 6px;
font-style: normal; }
.footer .company-info_tel {
display: inline-block;
vertical-align: middle;
margin-right: 15px; }
.footer .company-info .copy {
margin-top: 8px; }
.footer .company-etc {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.visual-main .visual-text {
position: absolute;
top: 70px;
left: 0; }
.visual-main .title {
margin-bottom: 10px; }
.visual-main .btn-default {
margin-top: 45px; }
.visual-main img {
position: absolute;
top: 0;
right: 0; }
.visual-footer {
background-color: #4fb2da;
height: 270px; }
.visual-footer .visual-inner {