글쓰기 항목 스타일 문제입니다.
본문
안녕하세요. 위토즈님의 모바일버전 스킨을 쓰고 있습니다.
아래는 글쓰기 화면을 캡쳐했습니다.
주소,이름,홈페이지,이메일,가격,제목 등등 해당 스킨의 보드 글쓰기의 소스를 아래의 빨간색 복사해서 추가하면 잘 나옵니다.
<p class="inputnt">
</p>
<input type="text" name="wr_5" value="<?php echo $wr_5 ?>" id="wr_5t" placeholder="홈페이지" required class="frm_input required">
</p>
다만 항목중 연락처 전화번호 탭과 항목이 여러개 들어가는 소스 (아래의 파란소스)를 사용하면 다른 항목과 달리 하얀 네모칸 박스안에 들어가지 않아서 보기가 이상합니다.
style.css 소스를 아무리 들여다보고 만져봐도 에러만 발생해서 고수님들께 도움을 요청합니다.
어떻게 하면 다른 항목처럼 보이게 할 수 있을까요?
style.css 파일첨부를 하려니 파일첨부 부분이 안보이네요. 아래 파란 소스 아래에 첨부하겠습니다.
도와주세요~~~
<tr><td class=write_cb>연락처</td>
<td class=write_fl colspan=3>
<SELECT name='ext4_02' class="frm_input required" required itemname='핸폰'>
<option value=''>선택</option>
<option value='010' <? if($ext4_02 == "010") echo "selected"; ?>>010</option>
<option value='011' <? if($ext4_02 == "011") echo "selected"; ?>>011</option>
<option value='016' <? if($ext4_02 == "016") echo "selected"; ?>>016</option>
<option value='017' <? if($ext4_02 == "017") echo "selected"; ?>>017</option>
<option value='019' <? if($ext4_02 == "019") echo "selected"; ?>>019</option>
</select> -
<input name='ext4_03' class="frm_input required" value='<?=$ext4_03?>' required type='text' size='8' maxlength='4' onkeydown='onlyNumber(this);' itemname='일반전화 두번째자리' class=input> -
<input name='ext4_04' class="frm_input required" value='<?=$ext4_04?>' required type='text' size='8' maxlength='4' onkeydown='onlyNumber(this);' itemname='일반전화 세번째자리' class=input>
</td></tr>
style.css
@charset "utf-8";
#mhd ul, nav ul, #mft ul {margin:0;padding:0;list-style:none}
/* 상단 레이아웃 */
#mhd {position:relative;background:#fff}
#mhd:after {display:block;visibility:hidden;clear:both;content:""}
#mhd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#mgnb {display:none;background:#282828}
#mgnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#mgnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}
#mgnb #ol_svc a {
display: inline-block;
margin: 0 0 0 5px;
color: #fff;
text-decoration: none;
vertical-align: middle;
}
#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}
#mhd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#mhd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#mhd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#mhd_sch form {position:relative;padding:30px 0}
#mhd_sch #msch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#fff}
#mhd_sch #msch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#mhd_sch #msch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}
#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}
#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}
/* 중간 레이아웃 */
#mwrapper {margin:20px 0}
#mwrapper:after {display:block;visibility:hidden;clear:both;content:""}
#mcontainer {position:relative;min-height:300px}
#mcontainer:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}
/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}
/* 하단 레이아웃 */
#mft {background:#f2f5f9}
#mft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#mft p {margin:0;padding:10px 0;line-height:1.8em}
#mft_copy {padding:10px;background:#414141;color:#fff;line-height:2em}
#mft_copy #ft_company {text-align:center;font-size:0.917em;font-family: '돋움',Dotum,Verdana,applegothic;letter-spacing: -1px;}
#mft_copy #ft_company a {display:inline-block;padding:5px 0}
#mft_copy b {color:inherit}
#mft_copy a {color:inherit;text-decoration:none}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
/* 본문 바로가기 */
.mto_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* destroy gnuboard basic css */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=file],
input[type=number],
select, label, button, img, .frm_input {vertical-align:top}
#container_title {margin:0;font-size:1em;padding:2px;}
a.btn_b01, a.btn_admin, a.btn_b02 {margin: 0;padding:0 10px;height: 26px;line-height: 26px;overflow: hidden;-webkit-border-radius: 3px;}
a.btn_admin {color:#fff;background-color: red;border: 1px solid red;background-image: -webkit-gradient(linear,left top,left bottom,from(#ff5151),to(red));}
a.btn_b01 {color:#000;background-color: #fafafa;border: 1px solid #b3b4bb;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));}
a.btn_b02 {color:#fff;background-color: #000000;border: 1px solid #1c1c1c;background-image: -webkit-gradient(linear,left top,left bottom,from(#6e6e6e),to(#000));}
/* global properties */
.wzicon { background: url(../wz.img/shareimages.png?140512) no-repeat;display: inline-block;font-size: 0;line-height: 0;text-indent: -9999px;}
.wzicon.home {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -97px -6px;cursor:pointer;}
.wzicon.category {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -54px -6px;cursor:pointer;}
.gheight {height:6px;content:".";display:block;clear:both;}
/* -webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-before: 0.45em;-webkit-padding-start: 0.45em;-webkit-padding-end: 0.45em;-webkit-padding-after: 0.45em; */
fieldset {display: block;padding:0.45em;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;min-width: -webkit-min-content;}
span.textheader {color: #ffffff;font-family: '돋움',Dotum,Verdana,applegothic;font-size:0.917em;letter-spacing: -1px;display: inline-block;padding: 1px 3px; border-radius: 2px;border: 1px solid #fd6418; background-color:#fa762e;line-height: 11px; height: 11px; text-align: center;}
.wzcheckbox {width:20px;height:20px;border:0;-webkit-appearance:none;vertical-align:middle;margin-top:-2px;background:url(../wz.img/checkbox_default.png) no-repeat 0 0;background-size:20px 20px;}
.wzcheckbox:checked {background:url(../wz.img/checkbox_active.png) no-repeat 0 0;background-size:20px 20px;}
/* button */
.wz_btn_mid_gray {display: inline-block;margin: 0 2px;padding: 0 7px;border: 1px solid #26292e;border-radius: 3px;background: #3d4049;line-height: 25px;color: #c3c3c3 !important;}
.wz_btn_wide {margin:0;border:1px solid #bbb;border-radius:3px;background-color:#f1f1f3;background-image:linear-gradient(to bottom,#f7f8f9,#ebebed);
overflow: hidden;border-top: 1px solid #d6dade;box-shadow: inset 0 1px 0 rgba(255,255,255,1);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);}
.wz_btn_wide .wz_btn_wide_box {border-right:1px solid #c5c5c6;float:left;margin-left:-1px;letter-spacing:-1px;color:#3e4349;}
.wz_btn_wide .wz_btn_wide_box:last-child {display:block;overflow:hidden;float:none;border-right:0 none;}
.wz_btn_wide .wz_btn_wide_box button {width:100%;padding:8px;margin:0;background:none;font-size:1em;font-weight:normal;text-align:center;border: 0 none;}
.cate-wrap ul,
.cate-wrap li {margin:0;padding:0;list-style: none;}
.cate-wrap ul {overflow: hidden;margin:0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;/*border-bottom: 1px solid #a8aaab;*/text-align: center;background: url("../wz.img/bg_dot_cate.png") bottom repeat-x;}
.cate-wrap ul li {float: left;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cate-wrap ul .link_menu {display: block;height: 35px;font-size: 1em;line-height: 2.800em;font-weight: normal;background-color: #fcfcfc;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image: -moz-linear-gradient(top,#fff,#f8f8f8);background-image: -o-linear-gradient(top,#fff,#f8f8f8);background-image: linear-gradient(to bottom,#fff,#f8f8f8);}
.cate-wrap ul .link_menu.active {background:#fff;color:#565e60;font-weight:bold}
@media only screen and (min-width: 480px) {
.cate-wrap ul li {width: 25%;}
.cate-wrap ul li:nth-child(-n+4) {border-top: 0 none;}
.cate-wrap ul li:nth-child(4n) {overflow: hidden;float: none;width: auto;border-right: 0 none;}
}
@media only screen and (max-width: 480px) {
.cate-wrap ul li {width: 33.3%;}
.cate-wrap ul li:nth-child(-n+3) {border-top: 0 none;}
.cate-wrap ul li:nth-child(3n) {overflow: hidden;float: none;width: auto;border-right: 0 none;}
}
/* Header */
#hd_pop {height:0px;}
#mlogo {padding:5px 10px;z-index:10;border-top:1px solid #65686e;border-bottom:1px solid #2e313b;background-color:#3d414d;background-image:-webkit-gradient(linear,left top,left bottom,from(#4c5160),to(#3e4451));background-image:-moz-linear-gradient(top,#4c5160,#3e4451);background-image:-o-linear-gradient(top,#4c5160,#3e4451);background-image:linear-gradient(to bottom,#4c5160,#3e4451);}
#mlogo h3 {padding:8px;display:inline-block;font-weight:bold;letter-spacing:-1px;color:#fff;-webkit-text-shadow:0 1px 0 #2b2d36;text-shadow:0 1px 0 #2b2d36;}
#mgnb_open {position:absolute;padding:0 10px;height:2.6em;color:#fff;font-size:1em;letter-spacing:-0.1em;top:4px;right:15px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_compact.png?140615) no-repeat;background-position: center center;border:1px solid #404654;border-radius:2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);}
#mhd_sch_open {top:4px;right:53px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_search2.png?140615) no-repeat;background-size: 16px 16px;background-position: center center;border:1px solid #404654;border-radius: 2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);}
#hd_adm_open {position: absolute;top:4px;right:91px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_key.png?140615) no-repeat;background-size: 30px 30px;background-position: center center;border:1px solid #404654;border-radius:2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);padding: 0 13px;height: 2.6em;}
/*#gnb_close {top:5px;text-indent:-9999px;line-height:0;}*/
body {background-color:#d3d6dd;}
#mwrapper {padding:6px;margin:0;}
#mft_copy {border-top:1px solid #2d3036;background-color:#353840;}
#mft_btns {text-align:center;}
#mft_copy {text-align:center;color: #9e9e9e !important;}
span.vbar {padding: 0 2px;color:#2d3036}
span.vbar.gray {padding: 0 2px;color:#eee}
/* 작성폼 basic : 2014-06-01 */
.commentbox,
.writebox {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);background-color: #f4f4f4;clear: both;}
.writebox .tips {padding: 10px 15px 10px 15px;}
.writebox .tips p em {color: #5a8daf;}
.writebox .inputbox {padding:0;}
.writebox .inputbox .inputnt {position: relative;height: 30px;margin-top:0;margin-bottom: 5px;padding:0 0 0 5px;border: 1px solid #bcbcbc;background-color: #fff;line-height: 28px;}
.writebox .inputbox .inputnt input[type=text],
.writebox .inputbox .inputnt input[type=password],
.writebox .inputbox .inputnt input[type=email],
.writebox .inputbox .inputnt input[type=url],
.writebox .inputbox .inputnt input[type=file],
.writebox .inputbox .inputnt input[type=email],
.writebox .inputbox .inputnt input[type=number],
.writebox .inputbox .inputnt input[type=tel],
.writebox .inputbox .inputnt input[type=date],
.writebox .inputbox .inputnt input[type=range],
.writebox .inputbox .inputnt input[type=url],
.writebox .inputbox .inputnt input[type=search],
.writebox .inputbox .inputnt select,
.writebox .inputbox .inputnt textarea {width: 100%;height: 30px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff !important;}
.writebox .inputbox .inputnt select {background: url(../wz.img/ico_select_arrow.png) no-repeat right 50% !important;background-size: 15px 5px !important;padding-right:10px;}
.writebox .inputbox .inputarea {margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;}
.writebox .inputbox .inputarea textarea {width: 100%;height:150px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;}
.writebox .inputbox .submitcols {position: relative;padding-right: 100px;}
.writebox .inputbox .submitcols .common_btn {position: absolute;right: 0;top: 0;width: 113px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .inputbox .checkBox label {margin-right: 10px;padding-left: 5px;font-size: 14px;color: #767676;vertical-align: middle;}
.writebox .btm-btns {position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid #bcbcbc;}
.writebox .btm-btns a {float: left;width: 33%;height: 30px;font-size: 13px;height:30px;line-height: 30px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .btm-btns a span {display: block;border-left: 1px solid #fff;border-right: 1px solid #bcbcbc;}
.writebox .btm-btns a:last-child {width: 34%;}
.writebox .btm-btns a:last-child span {border-right:none;}
.writebox .btm-btns .lbtns {float: left;text-align: center;}
.writebox .btm-btns button {width: 98%;font-size: 13px;margin:6px 0;padding:8px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;border-radius: 3px;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;}
.writebox .btm-btns .sbmt {font-weight:bold;}
.writebox .inputbox .searchcols {position: relative;padding-left:80px;padding-right: 75px;}
.writebox .inputbox .searchcols .common_sfl {position: absolute;left: 0;top: 0;width: 74px;height:30px;padding:0;border:1px solid #bcbcbc;background-color: #fff;line-height:28px;}
.writebox .inputbox .searchcols .common_sfl select {padding-left:3px;background: url(../wz.img/ico_select_arrow.png) no-repeat right 50%;;background-size: 15px 5px;padding-right: 10px;width:100%;height:30px;border:0;-webkit-appearance: none;-webkit-border-radius: 0px;
border-radius: 0px;background-color:#fff;}
.writebox .inputbox .searchcols .common_btn {position: absolute;right: 0;top: 0;width: 70px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .inputbox .searchcols .inputnt {margin-bottom:0;}
.writebox.havebtn {padding-bottom:45px;}
/* pageing */
.wziconarrow {background: url(../wz.img/image.gif) no-repeat;}
.paging_comm {position:relative;width:134px;height:26px;margin:0 auto;color:#666;text-align:center;line-height:26px;}
.paging_comm .num_page {color:#425de8;font-size:14px}
.paging_comm .txt_bar {color:#c5c5c5}
.paging_comm .btn_page {position:absolute;top:0;width:37px;height:26px;line-height:26px;overflow:hidden;text-indent:-9999px;border:1px solid #b3b4bb;-webkit-border-radius:3px;background-color:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6))}
.paging_comm .btn_prev {left:0}
.paging_comm .btn_next {right:0}
.paging_comm .wziconarrow {display:block;margin:8px auto 0 auto;width:6px;height:9px;overflow:hidden;text-align:center}
.paging_comm .ico_prev {background-position:-40px -10px}
.paging_comm .ico_next {background-position:-50px -10px}
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
/* search */
#mhd_sch #sch_stx {color:#fff;}
/* company */
#ctt {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);clear: both;}
/* layer popup */
.dimm {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.8);z-index: 100;}
.popup_bx {display:none;position: absolute;top:0;left:50%;z-index: 200;}
.popup_bx .header_popup {height:36px;background-color: #fd6418;line-height: 36px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.popup_bx .header_popup h1 {font-size: 14px;color:#fff;text-align: center;}
.popup_bx .content_popup {padding:10px 6px;background: #fff;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.popup_bx .close_popup {position:absolute;top:7px;right:7px;display:block;width:24px;height:23px;background: url(../wz.img/layer_pop_icon.png) no-repeat;color:#fff;border:none;}
.popup_bx .grid_btn {display:table;width:100%;margin-top: 10px;padding:0;margin:0;}
.popup_bx .grid_btn li {display:table-cell;width:50%;text-align: center;}
.popup_bx .btn_small_gray,
.win_btn .btn_small_gray
{margin:0 3px;display:block;height:28px;border:1px solid #bebebe;background: #f0f0f0;color:#444;text-align: center;-webkit-border-radius:3px;border-radius:3px;line-height: 28px;font-size: 12px;}
/* intro layer */
#introwraper {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 100;
background-color: #3d414d;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4c5160),to(#3e4451));
background-image: -moz-linear-gradient(top,#4c5160,#3e4451);
background-image: -o-linear-gradient(top,#4c5160,#3e4451);
background-image: linear-gradient(to bottom,#4c5160,#3e4451);
}
#introwraper #cell { position: absolute; top: 40%;width:100%;text-align:center;}
#introwraper #cell h1 {color:#fff;-webkit-text-shadow: 0 1px 0 rgba(164,168,171,0.2);text-shadow:0px -1px 0px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.3);font-size:1.6em;}
#introwraper #cell h3 {color:#fff;-webkit-text-shadow: 0 1px 0 rgba(164,168,171,0.2);text-shadow:0px -1px 0px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.3);padding-top:5px;}
답변 1
일단 소스는 보지도 않았습니다.
말씀하시는 하얀색 박스는 input 필드 부분이고 해당 input 필드들은 100%로 너비를 가지고 있네요. 연락처 부분은 input 필드가 3개고 이를 한행에 나타내려고 했으니 디자인이 같을 수가 없지요.
해당 연락처부분을 직접 추가하신거면 당연히 다른 input 필드에 적용된 디자인을 가져다가 쓰셔야 되고, 너비값과 label 위치만 조정하시면 될터이고, 직접 추가하신게 아니라면 스킨제작자분에게 문의하셔야 겠죠.
기본적으로 그누보드5의 경우, input 필드들의 디자인은 default.css의 .tbl_frm01 textarea,.frm_input {...} 에 적용되어 있습니다. 스킨제작자의 경우 해당 값을 변경하게 될터이니 frm_input에 적용된 디자인을 추적하시어 참고하시면 됩니다.