@charset "euc-kr"; @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);/*font-family: 'Nanum Gothic', serif;*/ @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);/*font-family: 'Nanum Myeongjo', serif;*/ @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: normal; src: url(font/OpenSans-Regular.eot); src: url(font/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(font/OpenSans-Regular.woff2) format('woff2'), url(font/OpenSans-Regular.woff) format('woff'), url(font/OpenSans-Regular.ttf) format('truetype'); } @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 600; src: url(font/OpenSans-Bold.eot); src: url(font/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(font/OpenSans-Bold.woff2) format('woff2'), url(font/OpenSans-Bold.woff) format('woff'), url(font/OpenSans-Bold.ttf) format('truetype'); } * { margin: 0; padding: 0; border: 0 none; outline : 0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font: inherit; font-family: '나눔고딕', 'NanumGothic', 'NG', '맑은 고딕', 'MalgunGothic', 'MG', 'Dotum', 'Arial', 'sans-serif'; vertical-align: baseline; text-decoration:none; color:#555; } /*타이틀과 부분설명*/ .loginwap {position:relative; margin:0 auto; width:95%; height:500px;} .loginwap .loginwap_tx {position:absolute; left:0; top:20px; width:100%;} .loginwap .loginwap_tx h1 {font-size:60px; color:#888; font-weight:800; height:80px; } .loginwap .loginwap_tx h2 {display:inline; font-size:18px; color:#000; font-weight:600; height:50px; } .loginwap:after {clear:both; margin:0; padding:0; display:block; content:"";} /*로그인페이지 테이블*/ .login_box1 {position:absolute; left:0; top:130px; width:100%; margin-top:22px; } .login_box1 .login_box2 {float:left; width:99.5%; margin:1%; } .login_box1 .login_box2 .login_box3 {} .login_box1 .login_box2 .login_box3 .login_box4 .login_tx{text-align:center; margin-top:9px; } .login_box1 .login_box2 .login_box3 .login_box4 {border:1px solid #ddd; border-radius:5px; overflow:hidden;} .login_box1 .login_box2 .login_box3 .login_box4 li {height:220px;} .login_box1 .login_box2 .login_box3 .login_box4 li .line {width:90%; margin:0 auto; overflow:hidden; } .login_box1 .login_box2 .login_box3 .login_box4 li .line2 {width:90%; margin:0 auto; padding-top:10px; overflow:hidden;} .login_box1 .login_box2 .login_box3 .login_box4 li div p {width:100%; line-height:18px; margin-top:9px; font-size:14px; color:#444; font-weight:500;} .login_box1 .login_box2 .login_box3 .login_box4 li div p:first-child {margin-top:0} .login_box1 .login_box2 .login_box3 .login_box4 li:first-child {height:55px; background:#383f48; font-size:25px;font-weight:600; color:#fff; line-height:55px;} .login_box1 .login_box2 .login_box3 .login_box4 li:first-child span {font-size:14px; color:#fff; } .login_box1:after {clear:both; margin:0; padding:0; display:block; content:"";} /*입력*/ #tx_input{ font-size:14px; width:97.5%; height:20px; padding:5px; border:1px solid #ccc; margin-top:11px; margin-bottom:22px;} #tx_input:first-child{margin-bottom:5px;} #tx_tx{float:left; width:90px; font-size:14px; font-weight:600; margin-top:5px;} #tx_tx2{float:left; width:90px; font-size:14px; font-weight:600; margin-bottom:60px;} #tx_input2{ font-size:14px; width:70%; height:20px; padding:5px; border:1px solid #ccc; margin-left:100px; margin-bottom:5px; } /*버튼*/ .loginbt{display:inline-block; width:100%; padding:20px; background:#ccc; text-align:center; font-size:16px; color:#000; font-weight:600; } .loginbt:hover {background:#000; font-size:16px; color:#fff; font-weight:600; } .loginbt2{display: inline-block; width:200px; padding: 20px; background: #ccc; text-align:center; font-size:16px; color:#000; font-weight:600;} .loginbt2:hover { background: #000; font-size:16px; color:#fff; font-weight:600; } /*약관내용부분*/ .join {position:absolute; left:0; top:130px; width:100%; height:860px; } .join .join_box {position:absolute; left:0; top:20px; width:100%;height:100%;} .join .join_box ul {list-style-type:none;} .join .join_box ul li {margin-bottom:7px;} .join .join_box h1 {font-size:60px; color:#888; font-weight:800; height:80px; } .join .join_box h2 {font-size:18px; color:#000; font-weight:600; } .join .join_box h3 {font-size:15px; color:#666; font-weight:400; margin:5px;} .join .join_box:after {clear:both; margin:0; padding:0; display:block; content:"";} /*가입상단 메뉴 테이블*/ .nav_table {width:100%; } .nav_table thead th {height:44px; background:#0957a2; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; border-left:1px solid #e1e1e1;} .nav_table thead td {height:44px; background:#ccc; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; border-left:1px solid #e1e1e1;} .nav_table:after {clear:both; margin:0; padding:0; display:block; content:"";} /*회원가입표*/ .login_table {width:100%;margin-bottom:20px;} .login_table thead th {height:44px; background:#383f48; text-align:center; font-size:15px; color:#fff; font-weight:600; vertical-align:middle; } .login_table tbody th { padding:10px; font-size:13px; font-weight:600; line-height:15px; color:#444; background:#f6f6f6; border-bottom:1px solid #d8d8d8;} .login_table tbody tr th:first-child {border-left:1px solid #d8d8d8;} .login_table tbody td {vertical-align:top; padding:10px; font-size:13px; line-height:15px; color:#444; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} @media all and (min-width:480px){ .login_box1 .login_box2 {width:49.5%;} .loginbt2{display: inline-block; width:100px; padding: 20px; background: #ccc; text-align:center; font-size:16px; color:#000; font-weight:600;} .loginbt2:hover { background: #000; font-size:16px; color:#fff; font-weight:600; } } @media all and (min-width:800px){ .login_box1 .login_box2 {width:47.5%;} } @media all and (min-width:1024px){ .login_box1 .login_box2 {width:47.5%;} } /*border:1px solid red;*/