diff --git a/html/css/common.css b/html/css/common.css index b342962..2f08925 100644 --- a/html/css/common.css +++ b/html/css/common.css @@ -3,7 +3,11 @@ body,html{overflow-x: hidden;} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} - +/*공통*/ +.btn{cursor:pointer;background:transparent;border:1px solid #333;min-width:200px;height:50px;border-radius:4px;line-height:50px;font-size:1rem;font-weight:500;} +.btn + .btn{margin-left:20px;} +.btn-box{display:flex;justify-content: center;margin-top:40px;} +.btn.blue{background-color: #2290c9;border-color: #2290c9;color:#fff;} /*header*/ #hd {background:rgba(0, 0, 0, 0);z-index:1000;position:fixed;width:100%; top:0;overflow:hidden; transition:0.6s ease; -webkit-transition:0.6s ease;} #hd:hover{background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.5);} @@ -200,7 +204,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c .map-ti{background:#f9f9f9;padding:12px 10px 10px 10px;border:1px solid #dfdfdf;border-top:0;font-size:0.875rem;font-weight:500;} .map-ti i{font-size:20px;margin-right:3px;margin-top:-3px;color:#2290c9;} .traffic{padding-top:40px;} -.traffic ul li{padding:40px 0;border-bottom:1px dotted #ddd;} +.traffic ul li{padding:40px 0;border-top:1px dotted #ddd;} .traffic ul li div{padding-left:160px;} .traffic ul li div span{font-size:0.875rem;} .traffic_title{display:block;color:#3282cc;font-weight:500;font-size:1rem!important;margin-bottom:10px;} @@ -216,4 +220,19 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c .table_st th, .table_st td {padding: 12px;} .table_st th:first-child, .table_st td:first-child {border-left: none;} .center{text-align: center;} -.shuttle_tit{display:block;padding:10px 0;} \ No newline at end of file +.shuttle_tit{display:block;padding:10px 0;} +/*문의하기*/ +.required, textarea.required {background-image:url('../images/require.png') !important; background-repeat:no-repeat !important;background-position:right top !important} +.write-label {display: inline-block !important; position: absolute;top: 0;left: 0;width: 0;height: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;} +.input-st {width:100%;height:40px;border: 0;font-size:0.875rem;border-bottom: 1px solid #ddd;border-radius: 0;box-shadow: none;} +.textarea-st{width:100%;height:300px;padding:10px;font-size:0.875rem;border: 1px solid #ddd;border-radius: 0;box-shadow: none;resize:none;} +.message-box{width:100%;} +.list-input-box + .list-input-box{margin-top:10px;} +.list-1n, .list-2n{display:flex;} +.list-1n .list-input{flex:0 0 100%;} +.list-2n{justify-content:space-between} +.list-2n .list-input{flex:0 0 48%;} +.privacy-box{height:300px;border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 4px #f4f4f4;overflow:hidden;overflow-y:scroll;padding:20px;} +.privacy-box p{font-size:0.75rem;color:#555;} +.message .checkbox{margin:14px 0 80px 0;} +.message .checkbox span{font-size:0.875rem;} \ No newline at end of file diff --git a/html/css/reset.css b/html/css/reset.css index 9846bb5..9a24a4f 100644 --- a/html/css/reset.css +++ b/html/css/reset.css @@ -222,3 +222,22 @@ select::-ms-expand { /* .list-txt > li {position: relative;padding-left: 14px;} .list-txt > li:before {content: "- ";display: inline-block;position: absolute;top: 0;left: 0;} */ + +input[type=text],input[type=password], textarea { +-webkit-transition:all 0.30s ease-in-out; +-moz-transition:all 0.30s ease-in-out; +-ms-transition:all 0.30s ease-in-out; +-o-transition:all 0.30s ease-in-out; +outline:none; +} + +input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { +-webkit-box-shadow:0 0 5px #9ed4ff; +-moz-box-shadow:0 0 5px #9ed4ff; +box-shadow:0 0 5px #9ed4ff; +border:1px solid #2290c9 !important; +} +.checkbox input {padding: 0; height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;} +.checkbox label {position: relative;cursor: pointer;} +.checkbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right:10px;margin-top: -3px;} +.checkbox input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 6px;width: 8px;height: 14px; border:1px solid #2290c9;border-width: 0 4px 4px 0;transform: rotate(45deg);} diff --git a/html/images/require.png b/html/images/require.png new file mode 100644 index 0000000..c03e1eb Binary files /dev/null and b/html/images/require.png differ diff --git a/html/include/footer.html b/html/include/footer.html index 6ac7110..e22a852 100644 --- a/html/include/footer.html +++ b/html/include/footer.html @@ -4,7 +4,7 @@