common login css 수정
parent
79ab0c1ad3
commit
64261dd8ba
|
|
@ -203,54 +203,6 @@
|
|||
background-color: #deebff78!important;
|
||||
}
|
||||
|
||||
html,body {height: 100%;font-family: 'Noto Sans KR';font-weight:400;font-size:14px;color:#333;}
|
||||
body {display: flex;flex-direction: column;text-align: center;margin: 0;}
|
||||
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
|
||||
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
|
||||
input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;}
|
||||
button, input[type=submit] {cursor:pointer}
|
||||
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none}
|
||||
textarea, select,button {font-style: normal; -webkit-appearance:none;}
|
||||
a {color:inherit;text-decoration:none}
|
||||
a:visited {color:inherit;text-decoration:none}
|
||||
a,img,input, a:active, a:focus {outline:none;}
|
||||
ul,li,dl,dt,dd {padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
|
||||
img {margin:0px;padding:0px;}
|
||||
div {margin:0px;padding:0px;box-sizing:border-box;}
|
||||
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
|
||||
/*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/
|
||||
@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/
|
||||
|
||||
.index_warp {width:100%;height:100%;clear:both;display:block;background:#031134 url('image/main_bg.png') center no-repeat;background-size:cover;}
|
||||
.index_warp h1 {display:block;margin:8.5% auto 0px;font-family: 'GmarketSansBold';color:#fff;font-size:60px;}
|
||||
.index_warp h2 {clear:both;display:block;margin:0px auto 0px;font-family: 'GmarketSansLight';color:#fff;font-size:18px;}
|
||||
.index_warp ul {width:800px;border-radius:10px;background-color:#fff;margin:50px auto 0px;overflow:hidden;}
|
||||
.index_warp li {float:left;height:470px;box-sizing:border-box;padding:20px}
|
||||
.index_warp li:nth-child(1) {width:420px;}
|
||||
.index_warp li:nth-child(1) div{width:100%;height:100%;border-radius:10px;background-image: linear-gradient(120deg, #012f82 0%, #001a61 100%);text-align:center;padding-top:calc(50% - 115px);box-sizing:border-box;}
|
||||
.index_warp li:nth-child(2) {width:380px;text-align:left;color:#757575;padding:20px 55px 0px}
|
||||
.index_warp li:nth-child(2) img {margin:20px auto 0px;display:block;}
|
||||
.index_warp li:nth-child(2) h3 {clear:both;width:100%;font-family: 'GmarketSansMedium';color:#001a61;font-size:16px;text-align:left;display:block;padding:0px;margin:40px 0px 0px 0px;}
|
||||
.index_warp li:nth-child(2) h4 {clear:both;width:100%;font-family: 'GmarketSansLight';color:#8b91aa;font-size:16px;text-align:left;display:block;padding:0px;margin:5px 0px 30px 0px;}
|
||||
.index_warp li:nth-child(2) .join {float:left;width:100px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;}
|
||||
.index_warp li:nth-child(2) .join:hover {background:#99accd;color:#fff;cursor:pointer;}
|
||||
.index_warp li:nth-child(2) .find {float:right;width:150px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;}
|
||||
.index_warp li:nth-child(2) .find:hover {background:#99accd;color:#fff;cursor:pointer;}
|
||||
|
||||
.form_01 {width:100%;height:30px;padding-left:57px;font-size:14px;margin:0px auto 10px;border:0px;border:1px solid #d3d7e4;display:inline-block;border-radius:3px;color:#333;box-sizing:border-box;}
|
||||
.form_log {background:#fff url('image/log_icon1.png') 15px 5px no-repeat;}
|
||||
.form_pw {background:#fff url('image/log_icon2.png') 15px 5px no-repeat;}
|
||||
.form_02 {clear:both;width:15px;height:15px;margin:0px 5px 0px 0px;border:0px;border:1px solid #d3d7e4;display:inline-block;position:relative;top:2px;}
|
||||
|
||||
.btn_login {width:100%;height:40px;line-height:38px;text-align:center;background-color:#012f82;color:#fff;font-size:16px;display:inline-block;border-radius:5px;border:0px;margin:40px 0px 10px;transition: background 0.5s ease-in-out;}
|
||||
.btn_login:hover {cursor: pointer;background-color:#b72525;font-weight:bold;}
|
||||
|
||||
.boardHeader {
|
||||
text-align: left;
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -33,3 +33,52 @@ body::-webkit-scrollbar {
|
|||
footer{
|
||||
z-index:200;
|
||||
}
|
||||
|
||||
|
||||
html,body {height: 100%;font-family: 'Noto Sans KR';font-weight:400;font-size:14px;color:#333;}
|
||||
body {display: flex;flex-direction: column;text-align: center;margin: 0;}
|
||||
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
|
||||
legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden}
|
||||
input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;}
|
||||
button, input[type=submit] {cursor:pointer}
|
||||
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none}
|
||||
textarea, select,button {font-style: normal; -webkit-appearance:none;}
|
||||
a {color:inherit;text-decoration:none}
|
||||
a:visited {color:inherit;text-decoration:none}
|
||||
a,img,input, a:active, a:focus {outline:none;}
|
||||
ul,li,dl,dt,dd {padding:0px;margin:0px;list-style:none;box-sizing:border-box;}
|
||||
img {margin:0px;padding:0px;}
|
||||
div {margin:0px;padding:0px;box-sizing:border-box;}
|
||||
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
|
||||
/*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/
|
||||
@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;}
|
||||
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/
|
||||
|
||||
.index_warp {width:100%;height:100%;clear:both;display:block;background:#031134 url('static/img/main_bg.png') center no-repeat;background-size:cover;}
|
||||
.index_warp h1 {display:block;margin:8.5% auto 0px;font-family: 'GmarketSansBold';color:#fff;font-size:60px;}
|
||||
.index_warp h2 {clear:both;display:block;margin:0px auto 0px;font-family: 'GmarketSansLight';color:#fff;font-size:18px;}
|
||||
.index_warp ul {width:800px;border-radius:10px;background-color:#fff;margin:50px auto 0px;overflow:hidden;}
|
||||
.index_warp li {float:left;height:470px;box-sizing:border-box;padding:20px}
|
||||
.index_warp li:nth-child(1) {width:420px;}
|
||||
.index_warp li:nth-child(1) div{width:100%;height:100%;border-radius:10px;background-image: linear-gradient(120deg, #012f82 0%, #001a61 100%);text-align:center;padding-top:calc(50% - 115px);box-sizing:border-box;}
|
||||
.index_warp li:nth-child(2) {width:380px;text-align:left;color:#757575;padding:20px 55px 0px}
|
||||
.index_warp li:nth-child(2) img {margin:20px auto 0px;display:block;}
|
||||
.index_warp li:nth-child(2) h3 {clear:both;width:100%;font-family: 'GmarketSansMedium';color:#001a61;font-size:16px;text-align:left;display:block;padding:0px;margin:40px 0px 0px 0px;}
|
||||
.index_warp li:nth-child(2) h4 {clear:both;width:100%;font-family: 'GmarketSansLight';color:#8b91aa;font-size:16px;text-align:left;display:block;padding:0px;margin:5px 0px 30px 0px;}
|
||||
.index_warp li:nth-child(2) .join {float:left;width:100px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;}
|
||||
.index_warp li:nth-child(2) .join:hover {background:#99accd;color:#fff;cursor:pointer;}
|
||||
.index_warp li:nth-child(2) .find {float:right;width:150px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;}
|
||||
.index_warp li:nth-child(2) .find:hover {background:#99accd;color:#fff;cursor:pointer;}
|
||||
|
||||
.form_01 {width:100%;height:30px;padding-left:57px;font-size:14px;margin:0px auto 10px;border:0px;border:1px solid #d3d7e4;display:inline-block;border-radius:3px;color:#333;box-sizing:border-box;}
|
||||
.form_log {background:#fff url('img/log_icon1.png') 15px 5px no-repeat;}
|
||||
.form_pw {background:#fff url('img/log_icon2.png') 15px 5px no-repeat;}
|
||||
.form_02 {clear:both;width:15px;height:15px;margin:0px 5px 0px 0px;border:0px;border:1px solid #d3d7e4;display:inline-block;position:relative;top:2px;}
|
||||
|
||||
.btn_login {width:100%;height:40px;line-height:38px;text-align:center;background-color:#012f82;color:#fff;font-size:16px;display:inline-block;border-radius:5px;border:0px;margin:40px 0px 10px;transition: background 0.5s ease-in-out;}
|
||||
.btn_login:hover {cursor: pointer;background-color:#b72525;font-weight:bold;}
|
||||
|
|
|
|||
Loading…
Reference in New Issue