From db813d69bdba91ec4d0c6dc833ef30924647efac Mon Sep 17 00:00:00 2001
From: leebokyung <ipuiz202@naver.com>
Date: Mon, 19 Nov 2018 17:46:12 +0900
Subject: [PATCH] qa, write, view, comment

---
 theme/54/css/default.css                      |   8 +-
 theme/54/skin/board/basic/img/cmt_btn.png     | Bin 2862 -> 0 bytes
 theme/54/skin/board/basic/img/icon_bad.png    | Bin 1287 -> 0 bytes
 theme/54/skin/board/basic/img/icon_good.png   | Bin 1288 -> 0 bytes
 theme/54/skin/board/basic/list.skin.php       |  30 +--
 theme/54/skin/board/basic/style.css           | 131 +++++++------
 theme/54/skin/board/basic/view.skin.php       | 103 +++++-----
 .../54/skin/board/basic/view_comment.skin.php | 126 +++++++-----
 theme/54/skin/board/basic/write.skin.php      |  54 ++---
 theme/54/skin/board/gallery/list.skin.php     |  30 +--
 theme/54/skin/board/gallery/style.css         | 117 ++++++-----
 theme/54/skin/board/gallery/view.skin.php     | 129 ++++++------
 .../skin/board/gallery/view_comment.skin.php  | 126 +++++++-----
 theme/54/skin/board/gallery/write.skin.php    |  56 +++---
 theme/54/skin/qa/basic/list.skin.php          |  60 +++---
 theme/54/skin/qa/basic/style.css              | 185 ++++++++++--------
 theme/54/skin/qa/basic/view.skin.php          |   5 -
 17 files changed, 647 insertions(+), 513 deletions(-)
 delete mode 100644 theme/54/skin/board/basic/img/cmt_btn.png
 delete mode 100644 theme/54/skin/board/basic/img/icon_bad.png
 delete mode 100644 theme/54/skin/board/basic/img/icon_good.png

diff --git a/theme/54/css/default.css b/theme/54/css/default.css
index 739db881c..b36e1e50d 100644
--- a/theme/54/css/default.css
+++ b/theme/54/css/default.css
@@ -106,10 +106,10 @@ border:1px solid #558ab7 !important;
 /* 메인메뉴 */
 #gnb {position:relative;background:#fff}
 #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#gnb .gnb_wrap {margin:0 auto;position:relative}
-#gnb #gnb_1dul {font-size:1.083em;padding:0;background:#fff;border-bottom:1px solid #e0e2e5;zoom:1}
+#gnb .gnb_wrap {margin:0 auto;position:relative;z-index:10}
+#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
 #gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
-#gnb .gnb_1dli {float:left;line-height:55px;padding:0 15px;background:#fff;position:relative}
+#gnb .gnb_1dli {float:left;line-height:55px;padding:0 15px;position:relative}
 #gnb .gnb_1dli:hover > a {color:#3a8afd;
 -webkit-transition:background-color 2s ease-out;
 -moz-transition:background-color 0.3s ease-out;
@@ -309,7 +309,7 @@ a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;
 .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
 .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
 .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
-.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
+.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
 box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
diff --git a/theme/54/skin/board/basic/img/cmt_btn.png b/theme/54/skin/board/basic/img/cmt_btn.png
deleted file mode 100644
index 202f1ff475be9d3b371fb8d87034e9cdebd8d37f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2862
zcmV+}3(@q6P)<h;3K|Lk000e1NJLTq000R9001Kh1^@s6My4P@00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z00014Nkl<Zc-rjLyAc2(2n5hwYPATPwuZe3#~(v<86-0LKoj9;T}Z+JFflYwBH*16
zK(5!l4z>bH>ASB^g$fn=A91vP?&<u&_5ka8Aq52!MFT;OvWcN@0RK@C(zQ_5KmY&$
M07*qoM6N<$g28i46aWAK

diff --git a/theme/54/skin/board/basic/img/icon_bad.png b/theme/54/skin/board/basic/img/icon_bad.png
deleted file mode 100644
index e568b1d8305405c40aec147ea40b490815ea85f3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1287
zcmbVMZEVzJ9PcuwI5Nr9M45c3Wxf!+_S(Dlu61{K*Y>uC-Q2w>M<NMb@7Z0wwY{}H
z?sjI*ESfPuFc+dOi$phKCg>7$LlUAGd>Lekf<$8oeo-TdCJKonfqn4l?QZ&E;e$<|
zK5zfu@BiNM-k#2u=C)=8L0Y6PAr9wOXRN&gexJ}fZ^CJVEvD>*(Qg-J6Ck0q(FagT
zlQSR=<n++sInaS1js0peWv8OuoMLFW?8x9HEf3KM(y_Iamz5l_(LRt-^#JzAsnZy$
zrUTe^I_i$*d5~4R$|gvZdy+~yr?6>kYY^=yagaa*wv3jv0o~$C0j$c)!L@TtU}#mu
z&IPb#qf*gcls8O((zwT^xJeRa7@YLd3`0JSQf`tW-0)>wq?e-^j`E?k2ZP$obUzmt
zA~jub7r?T%o#zOmSS;d24{n$lf@E3N;h-oNlyF%?x-FMny0xj!AOK4-)x515I_faW
zeMZ3!V9?TK7qomdx<ag5wLrm;5hXcKkhq)BG{>*1v}MP^zh<l|Z6$~DfQSRjD3}V&
zNB^ce7{>1QiX1^`4fm9(!lcLpf}s>NpxcrVz~Bv@R@0n7`9rkF$BL97hzv=xK9=SM
z(d`M73`GjQI>%~Qnq@_irTn76dPq`a!d_3r9}f9EUY4Thh^LN~bjy}?1=RJbP;U+E
zyDgUEO(5HbnKX=ndIj`m4coA?Mjqu84Eor1RZkm5YqOJ{Wp4#ws=GltVj3D+jW4IJ
zqTfUDA_a##Eb>*q`H)+nXxi%wMR>~Z$7<O0|A`p^jUk-k_)oFak6;Bl%aziHo0aAP
zI_ww|wuWnN<PijE@JT`_S-N!On~#Y#p$8VOT{-#e@A%v2^G%P&W|GZK<I(%D*v#C~
zQ(ule>1}HnX_$)d?OOBlo-^BKld-$Th49?#rNtX}pKh(pFO(}^>${8BCnhq7_fO34
zivOJ%_~}w`>P}_P`GeHPugJ0JmCLt2<%ie)n)+hmFmZgeIpW^m)FE^2gXDE`UvS?+
z?7KrVONq+a%5)?B$`8_H`{&f`2d@S3t9wtpGt&O<&8Kf9qLb~%ri_>FAEY;Q1|O2P
z9GHKz^Www!1?^1h*c%J{hg{+6;#i{lts|l5Pk#1d8(xWZ%UhPdKcL&#bn%7J!sVRE
zZdBKOvbf$W9gj8eQxCrX-nO0GpF4Wzho{e~zw8X$x_8G??w*U!{C4!)?(AQ${`}GK
qkCV?y<!hA_{5t;yY53T=Nu&`;cBxI9z25cCuSpVngxT<}(SHDi`MJ&j

diff --git a/theme/54/skin/board/basic/img/icon_good.png b/theme/54/skin/board/basic/img/icon_good.png
deleted file mode 100644
index 69841a1340a76f2b4bfeb4a3a9e74b8a5846fe43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1288
zcmbVMZA{!`9Pfq1I3`QxTc&=n7KtP5t}l1(T`MO!+PiVnyJN>0&Ww<i_BpN`eX%WG
zAxNTgWSBT3ZY(pqXw0V54-m<MZp2AM8AF{>BEfC(!}ei*Fj>^OWDGN(0*8Je`(V?j
z&)fg^`@eUnIk~f{^3h5JL8{_SLK@Cn-Er?d@cXp7a|uq5*wL)rqUY?QXaXc6>m2}%
zt70ce15xgM@jR$Ukcym=$=cb(bDX5BKGBu&IjRBC2vXnR7@|}FHrfF?6)lWipZo$t
z6*-Kx(g`AA@F1@=^_ifhFPV}03KA=04bPzU4hIQTV2h}uc54>rgs~M~4zAr}979(`
z>_Qk@H7c8EMtR)?DDCrmC4wYThVhXBnqkNtC`FJIPQaJ(k^zopI4X#)Js8wx$~i7A
z#MX4dT^P&Tw!z_eu~_sK{XX67#7UNAT@H%!LJ6<ctJ$LC)vW3=g8(eaR190uHPmGk
zJM<nqj6q9RT~LigVx3sC)&d1XhC8BxlRg4hRoAZ-Y0FN7f6drX+RF4A08ax;?=dBq
zk6d*b3}bh9MXn&UhD(_WOp4eo=u(dgG&?SYF?i#X6`2#LP=xje*(fClQHCVhAWQQ?
zl<+r_3`GjTGRH>PKqSU6p#T#VSU*WdnGnnRSt=SMLm@vyM))!|u35IINuaD(fqK`l
z^j)zWZvxTQ&5W*hmn)z-uiLtn*A0|!VbJZZiYDtttJY1=s<#3#m6w1VGj$bRi7%&Y
zpx;mNQ3?*CG0Ly_%|{4<qUk^|662{*2wTI-|0iZRGzNEz<3GhxK7tkKF4s#RZq}Oz
zXs}~U*c!Kv4b&otClnVV8Rz2h`S0q4-P_Lnes%ar?L?NCo0*yWGPd=^q0;!c{B`o@
z*}?tGo3R~>!*b2hKZZ{{_(Jop+76y-KXW$q_Xo-O%a=aC`cZ1WboBP*_w2RP7iz}1
zV^=nX_v6!qt#o-lU7Q+y{Qf8J%TJ%W{NCIhGTuZlyfwY$jBz-(>G0xL74Q7;`q;^^
zlKIAaa(kr{`;g;i@Po#IUir7dns1#{!}Otrh64j_??1->a;J+Je0g$qPisy6$NN4T
zPqw!SQ$&}fX;VWZBX4r0V*ku*{d+e*Fwy!--PpjXRQ0HnPcMv*{Q2;5^>P0CkA>4u
zBtqvLvG3W^1y4>o7}`fC^aW*U8M$=p`L<t|w$yP$o*NyzJ#RBNnNR-O_S3cCO=Ik-
piNdbiH?Dw(`rlx?_sqVFR3Lq&_KQ{Z=g+$Trg$_dj5h9l^&cP9#O(k8

diff --git a/theme/54/skin/board/basic/list.skin.php b/theme/54/skin/board/basic/list.skin.php
index ef2c4b4f8..89b59922e 100644
--- a/theme/54/skin/board/basic/list.skin.php
+++ b/theme/54/skin/board/basic/list.skin.php
@@ -38,10 +38,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         	<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?>
             <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01 btn"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
             <li>
-            	<button class="btn_bo_sch btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button>
+            	<button type="button" class="btn_bo_sch btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button>
             	<!-- 게시판 검색 시작 { -->
-			    <div class="bo_sch_wrap">				
+			    <div class="bo_sch_wrap">
 				    <fieldset class="bo_sch">
+				    	<h3>검색</h3>
 				        <legend>게시물 검색</legend>
 				        <form name="fsearch" method="get">
 				        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
@@ -52,12 +53,24 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 				            <?php echo get_board_sfl_select_options($sfl); ?>
 				        </select>
 				        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-				        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
-				        <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+				        <div class="sch_bar">
+							<input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder=" 검색어를 입력해주세요">
+				        	<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+						</div>
+						<button type="button" class="bo_sch_cls"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
 				        </form>
 				    </fieldset>
 				    <div class="bo_sch_bg"></div>
 			    </div>
+			    <script>
+					// 게시판 검색
+					$(".btn_bo_sch").on("click", function() {
+					    $(".bo_sch_wrap").toggle();
+					})
+					$('.bo_sch_bg, .bo_sch_cls').click(function(){
+					    $('.bo_sch_wrap').hide();
+					});
+				</script>
 			    <!-- } 게시판 검색 끝 --> 
             </li>
             <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
@@ -156,7 +169,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                     ?>
                     <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><span class="cnt_cmt"><?php echo $list[$i]['wr_comment']; ?></span><span class="sound_only">개</span><?php } ?>
                 </div>
-
             </td>
             <td class="td_name sv_use"><?php echo $list[$i]['name'] ?></td>
             <td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>
@@ -261,14 +273,6 @@ $(".btn_more_opt").on("click", function() {
     $(".more_opt").toggle();
 })
 
-// 게시판 검색
-$(".btn_bo_sch").on("click", function() {
-    $(".bo_sch_wrap").toggle();
-})
-$('.bo_sch_bg').click(function(){
-    $('.bo_sch_wrap').hide();
-});
-
 </script>
 <?php } ?>
 <!-- } 게시판 목록 끝 -->
diff --git a/theme/54/skin/board/basic/style.css b/theme/54/skin/board/basic/style.css
index 14b1030d8..b8418ed74 100644
--- a/theme/54/skin/board/basic/style.css
+++ b/theme/54/skin/board/basic/style.css
@@ -19,10 +19,10 @@
 
 /* 쓰기 버튼 */
 #bo_w .btn_confirm {} /* 서식단계 진행 */
-#bo_w .btn_submit {padding:0 20px}
+#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
 #bo_w button.btn_submit {}
 #bo_w fieldset .btn_submit {}
-#bo_w .btn_cancel {}
+#bo_w .btn_cancel {font-size:1.167em;border-radius:3px}
 #bo_w button.btn_cancel {}
 #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
 #bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
@@ -127,7 +127,7 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
 .bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f}
+#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}
 
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
@@ -139,29 +139,25 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
 .bo_notice td a {font-weight:bold}
 .bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}
 
-.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #ecf0f1}
-.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #ecf0f1 transparent}
+.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
+.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
 .more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
-.more_opt li {border-bottom:1px solid #f0f0f0;padding:10px 0;float:inherit;width:80px;margin:0}
-.more_opt li button {border:0;background:#fff;color:#bababa}
+.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
+.more_opt li:last-child {border-bottom:0}
+.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
+.more_opt li:hover a,
 .more_opt li:hover button {color:#000}
+.more_opt li i {float:right;line-height:20px}
 
 .td_num strong {color:#000}
 .bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
 .bo_cate_link:hover {text-decoration:none}
 .bo_tit {display:block;color:#000;font-weight:bold}
 .bo_current {color:#e8180c}
-/*#bo_list .profile_img {display:inline-block;margin-right:2px}*/
 #bo_list .profile_img img {border-radius:50%}
 #bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
 
 #bo_list .bo_tit .title_icon {margin-right:2px}
-/*#bo_list .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
-#bo_list .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
-#bo_list .bo_tit .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
-#bo_list .bo_tit .fa-heart {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
-#bo_list .bo_tit .fa-lock {display:inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}*/
-
 #bo_list .bo_tit .fa-heart {color:#ff0000}
 #bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
 #bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
@@ -171,12 +167,20 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
 #bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
 
 .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
-.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:300px;max-height:300px;margin-left:-150px;margin-top:-150px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #ccc;background:#fff;border-radius:3px}
+.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
 .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-.bo_sch select {border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd}
-.bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left}
-.bo_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
+.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
+.bo_sch legend {background:red}
+.bo_sch form {padding:15px;display:block}
+.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
+.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
+.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
 .bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
 
 /* 게시판 쓰기 */
@@ -214,21 +218,25 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
 #bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
 
-#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
+#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
 #bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+
+#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
+#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
+#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
+#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}
+
 #bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
-#bo_v_info .profile_img {}
-#bo_v_info .profile_img img {border-radius:50%}
+#bo_v_info .profile_img {display:none}
 #bo_v_info .sv_member {color:#000}
 #bo_v_info .if_view {display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
 #bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
-#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
-
+#bo_v_info .if_date {margin:0;color:#888}
 
 #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_file ul {margin:0;list-style:none}
@@ -260,11 +268,10 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 #bo_v_link li:hover i {color:#3a8afd}
 #bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}
 
-
 #bo_v_top {zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_top ul {padding:0;list-style:none;word-break:break-all}
+#bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff}
 
 #bo_v_bot {zoom:1}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
@@ -272,18 +279,16 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 #bo_v_bot ul {padding:0;list-style:none}
 
 .bo_v_com {margin:20px 0;float:right}
-.bo_v_com li {float:left;margin-left:5px}
+.bo_v_com > li {position:relative;float:left;margin-left:5px}
 
-.bo_v_left {margin:20px 0;float:left}
-.bo_v_left li {float:left;margin-right:5px}
-
-.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
+.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left}
 .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd}
+.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
+.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
 .bo_v_nb li:hover {background:#f6f6f6}
-.bo_v_nb li i {font-size:13px}
-.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#4567b5}
-.bo_v_nb li .nb_date {float:right;color:#888}
+.bo_v_nb li i {font-size:13px;color:#b3b3b3}
+.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
+.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
 
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
@@ -299,11 +304,12 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 
 #bo_v_act {margin-bottom:30px;text-align:center}
 #bo_v_act .bo_v_act_gng {position:relative}
-#bo_v_act a {margin-right:5px;vertical-align:middle}
-#bo_v_act a:hover {background-color:#f3f3f3}
-#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
-#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;height:46px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:30px}
-#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;height:46px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:30px}
+#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
+#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
+#bo_v_act i {font-size:1.4em;margin-right:5px}
+#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
+#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
 
 #bo_v_sns {float:left;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
@@ -321,30 +327,41 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 #bo_v_share .btn:hover {background:#fff}
 #bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}
 
-
 /* 게시판 댓글 */
-.cmt_btn {background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px}
-.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 85px -23px}
+.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
+.cmt_btn_op {}
+.cmt_btn span {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
+.cmt_btn b {font-size:1.2em;color:#000}
+.cmt_btn span:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
 #bo_vc {}
 #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc article {margin:20px 0;position:relative}
+#bo_vc article {margin:20px 0;position:relative;border-bottom: 1px solid #f0f0f0}
+#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc article .profile_img img {border-radius:50%}
-#bo_vc header {}
+#bo_vc article .pf_img {float:left;margin-right:10px}
+#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
+#bo_vc article .cm_wrap {float:left;width:870px}
+#bo_vc header {position:relative;width:100%}
 #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_vc header .profile_img {display:none}
+#bo_vc header .bo_vl_opt {position:absolute;top:0;right:0}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
 #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {float:right;font-style:italic;color:#777}
+.bo_vc_hdinfo {color:#777}
 #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
+#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
 #bo_vc p a {text-decoration:underline}
 #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
 #bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
 #bo_vc #bo_vc_winfo {float:left}
 
-.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
-.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_act li {display:inline-block}
-.bo_vc_act li a {padding:0 5px;line-height:23px}
+.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
+.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
+.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
+.bo_vc_act li {border-bottom:1px solid #f0f0f0}
+.bo_vc_act li:last-child {border-bottom:0}
+.bo_vc_act li a {display:inline-block;padding:10px 15px}
+.bo_vc_act li a:hover {color:#3a8afd}
 
 .bo_vc_w {position:relative;margin:10px 0;display:block}
 .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
@@ -378,17 +395,17 @@ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)}
 /*글쓰기*/
 #bo_w .write_div {margin:10px 0;position:relative}
 #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_w .bo_w_info .frm_input {float:left;width:33%}
-#bo_w #wr_password {margin:0 0.5%}
+#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
+#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
 #bo_w .wr_content.smarteditor2 iframe {background:#fff}
 #bo_w .bo_w_tit {position:relative}
 #bo_w .bo_w_tit .frm_input {padding-right:120px}
 #bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
-#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
+#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
 #bo_w .bo_w_link .frm_input {padding-left:50px}
-#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
-#bo_w .bo_w_flie .frm_file {padding-left:50px}
+#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
+#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
 #bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
 #bo_w .bo_w_flie .frm_input {margin:10px 0 0}
 #bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
-#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
+#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
\ No newline at end of file
diff --git a/theme/54/skin/board/basic/view.skin.php b/theme/54/skin/board/basic/view.skin.php
index 533e07557..ab1941e45 100644
--- a/theme/54/skin/board/basic/view.skin.php
+++ b/theme/54/skin/board/basic/view.skin.php
@@ -25,37 +25,44 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        <span class="sound_only">작성자</span> <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
-        <span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
-        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
-        <strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
-    	
+        <div class="profile_info">
+        	<div class="pf_img"><?php echo get_member_profile_img($view['mb_id']) ?></div>
+        	<div class="profile_info_ct">
+        		<span class="sound_only">작성자</span> <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong><br>
+       		 	<span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
+        		<span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        		<strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
+    		</div>
+    	</div>
+
     	<!-- 게시물 상단 버튼 시작 { -->
 	    <div id="bo_v_top">
-	        <?php
-	        ob_start();
-	        ?>
-	
-	        <ul class="bo_v_left">
-	            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
-	            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
-	            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
-	            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
-	            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li><?php } ?>
+	        <?php ob_start(); ?>
+
+	        <ul class="btn_bo_user bo_v_com">
+				<li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li>
+	            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i><span class="sound_only">답변</span></a></li><?php } ?>
+	            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
+	        	<?php if($update_href || $delete_href || $copy_href || $move_href || $search_href) { ?>
+	        	<li>
+	        		<button type="button" class="btn_more_opt btn_b01 btn"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">게시판 리스트 옵션</span></button>
+		        	<ul class="more_opt"> 
+			            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>">수정<i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;">삭제<i class="fa fa-trash-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" onclick="board_move(this.href); return false;">복사<i class="fa fa-files-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" onclick="board_move(this.href); return false;">이동<i class="fa fa-arrows" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>">검색<i class="fa fa-search" aria-hidden="true"></i></a></li><?php } ?>
+			        </ul> 
+	        	</li>
+	        	<?php } ?>
 	        </ul>
-	
-	        <ul class="bo_v_com">
-	           <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
-	            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a></li><?php } ?>
-	            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
-	        </ul>
-	
-	        <?php if ($prev_href || $next_href) { ?>
-	        <ul class="bo_v_nb">
-	            <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-caret-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> <span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></li><?php } ?>
-	            <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-caret-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>  <span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></li><?php } ?>
-	        </ul>
-	        <?php } ?>
+	        <script>
+				// 게시판 리스트 관리자 옵션
+				$(".btn_more_opt").on("click", function() {
+				    $(".more_opt").toggle();
+				})
+			</script>
+	        
 	        <?php
 	        $link_buttons = ob_get_contents();
 	        ob_end_flush();
@@ -101,13 +108,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <div id="bo_v_act">
             <?php if ($good_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
                 <b id="bo_v_act_good"></b>
             </span>
             <?php } ?>
             <?php if ($nogood_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -116,8 +123,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             if($board['bo_use_good'] || $board['bo_use_nogood']) {
         ?>
         <div id="bo_v_act">
-            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
-            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
@@ -134,7 +141,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                 $cnt++;
         }
     }
-     ?>
+	?>
 
     <?php if($cnt) { ?>
     <!-- 첨부파일 시작 { -->
@@ -192,13 +199,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </section>
     <!-- } 관련링크 끝 -->
     <?php } ?>
+    
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-chevron-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> <span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></li><?php } ?>
+        <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-chevron-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>  <span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></li><?php } ?>
+    </ul>
+    <?php } ?>
 
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
-     ?>
-
-
+	?>
 </article>
 <!-- } 게시판 읽기 끝 -->
 
@@ -254,17 +266,16 @@ $(function() {
     $("#bo_v_atc").viewimageresize();
 
     //sns공유
-    // $(".btn_share").click(function(){
-        // $("#bo_v_sns").fadeIn();
-//    
-    // });
+    $(".btn_share").click(function(){
+    	$("#bo_v_sns").fadeIn();
+	});
 
-    // $(document).mouseup(function (e) {
-        // var container = $("#bo_v_sns");
-        // if (!container.is(e.target) && container.has(e.target).length === 0){
-        // container.css("display","none");
-        // }	
-    // });
+    $(document).mouseup(function (e) {
+		var container = $("#bo_v_sns");
+		if (!container.is(e.target) && container.has(e.target).length === 0){
+		container.css("display","none");
+		}	
+	});
 });
 
 function excute_good(href, $el, $tx)
diff --git a/theme/54/skin/board/basic/view_comment.skin.php b/theme/54/skin/board/basic/view_comment.skin.php
index a372ff01f..d33765718 100644
--- a/theme/54/skin/board/basic/view_comment.skin.php
+++ b/theme/54/skin/board/basic/view_comment.skin.php
@@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 var char_min = parseInt(<?php echo $comment_min ?>); // 최소
 var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 </script>
-<button type="button" class="cmt_btn"><i class="fa fa-commenting-o" aria-hidden="true"></i> 댓글목록</button>
+<button type="button" class="cmt_btn"><span><b>댓글</b> 12</span></button>
 <!-- 댓글 시작 { -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -24,56 +24,78 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         */
         $comment = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $comment);
         $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결
-     ?>
-
-    <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
-        <header style="z-index:<?php echo $cmt_sv; ?>">
-            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
-            <?php echo $list[$i]['name'] ?>
-            <?php if ($is_ip_view) { ?>
-            <span class="sound_only">아이피</span>
-            <span>(<?php echo $list[$i]['ip']; ?>)</span>
-            <?php } ?>
-            <span class="sound_only">작성일</span>
-            <span class="bo_vc_hdinfo"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
-            <?php
-            include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
-            ?>
-        </header>
-
-        <!-- 댓글 출력 -->
-        <div class="cmt_contents">
-            <p>
-                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
-                <?php echo $comment ?>
-            </p>
-            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
-                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
-
-                if($w == 'cu') {
-                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
-                    $cmt = sql_fetch($sql);
-                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
-                        $cmt['wr_content'] = '';
-                    $c_wr_content = $cmt['wr_content'];
-                }
-
-                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
-                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
-             ?>
-            <ul class="bo_vc_act">
-                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;" class="btn_b03">답변</a></li><?php } ?>
-                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;" class="btn_b03">수정</a></li><?php } ?>
-                <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link'];  ?>" onclick="return comment_delete();" class="btn_b03">삭제</a></li><?php } ?>
-            </ul>
-            <?php } ?>
-        </div>
-        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
-        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
-
-        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
-        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+	?>
 
+	<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
+        <div class="pf_img"><?php echo get_member_profile_img($view['mb_id']) ?></div>
+        
+        <div class="cm_wrap">
+	        <header style="z-index:<?php echo $cmt_sv; ?>">
+	            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
+	            <?php echo $list[$i]['name'] ?>
+	            <?php if ($is_ip_view) { ?>
+	            <span class="sound_only">아이피</span>
+	            <span>(<?php echo $list[$i]['ip']; ?>)</span>
+	            <?php } ?>
+	            <span class="sound_only">작성일</span>
+	            <span class="bo_vc_hdinfo"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
+	            <?php
+	            include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
+	            ?>
+	            <div class="bo_vl_opt">
+		            <button type="button" class="btn_cm_opt btn_b01 btn"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">댓글 옵션</span></button>
+		        	<ul class="bo_vc_act">
+		                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
+		                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
+		                <?php if ($list[$i]['is_del']) { ?><li><a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
+		            </ul>
+	            </div>
+	        </header>
+	
+	        <!-- 댓글 출력 -->
+	        <div class="cmt_contents">
+	            <p>
+	                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
+	                <?php echo $comment ?>
+	            </p>
+	            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+	                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
+	
+	                if($w == 'cu') {
+	                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+	                    $cmt = sql_fetch($sql);
+	                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+	                        $cmt['wr_content'] = '';
+	                    $c_wr_content = $cmt['wr_content'];
+	                }
+	
+	                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+	                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+				?>
+	            <script>
+					$(function() {			    
+				    // 댓글 옵션창 열기
+				    $(".btn_cm_opt").on("click", function(){
+				        $(this).parent("div").children(".bo_vc_act").show();
+				    });
+						
+				    // 댓글 옵션창 닫기
+				    $(document).mouseup(function (e){
+				        var container = $(".bo_vc_act");
+				        if( container.has(e.target).length === 0)
+				        container.hide();
+				    });
+				});
+					
+				</script>
+	            <?php } ?>
+	        </div>
+	        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
+	        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
+	
+	        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
+	        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+		</div>
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -121,7 +143,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
             <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
             <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
             <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
-            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25" placeholder="비밀번호">
             <?php
             }
             ?>
@@ -138,7 +160,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         <div class="btn_confirm">
             <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
             <label for="wr_secret"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
-            <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            <button type="submit" id="btn_submit" class="btn_submit">댓글등록</button>
         </div>
     </div>
     </form>
diff --git a/theme/54/skin/board/basic/write.skin.php b/theme/54/skin/board/basic/write.skin.php
index f41ee7a29..5a867cca0 100644
--- a/theme/54/skin/board/basic/write.skin.php
+++ b/theme/54/skin/board/basic/write.skin.php
@@ -56,7 +56,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     <?php if ($is_category) { ?>
     <div class="bo_w_select write_div">
-        <label for="ca_name"  class="sound_only">분류<strong>필수</strong></label>
+        <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
         <select name="ca_name" id="ca_name" required>
             <option value="">분류를 선택하세요</option>
             <?php echo $category_option ?>
@@ -65,29 +65,30 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <?php } ?>
 
     <div class="bo_w_info write_div">
-    <?php if ($is_name) { ?>
-        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
-        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" placeholder="이름">
-    <?php } ?>
-
-    <?php if ($is_password) { ?>
-        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
-        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" placeholder="비밀번호">
-    <?php } ?>
-
-    <?php if ($is_email) { ?>
-            <label for="wr_email" class="sound_only">이메일</label>
-            <input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email " placeholder="이메일">
-    <?php } ?>
-    </div>
-
-    <?php if ($is_homepage) { ?>
-    <div class="write_div">
-        <label for="wr_homepage" class="sound_only">홈페이지</label>
-        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input" size="50" placeholder="홈페이지">
-    </div>
-    <?php } ?>
-
+	    <?php if ($is_name) { ?>
+	        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+	        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input half_input required" placeholder="이름">
+	    <?php } ?>
+	
+	    <?php if ($is_password) { ?>
+	        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+	        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input half_input <?php echo $password_required ?>" placeholder="비밀번호">
+	    <?php } ?>
+	
+	    <?php if ($is_email) { ?>
+			<label for="wr_email" class="sound_only">이메일</label>
+			<input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input half_input email " placeholder="이메일">
+	    <?php } ?>
+	    
+	
+	    <?php if ($is_homepage) { ?>
+	    <div class="write_div">
+	        <label for="wr_homepage" class="sound_only">홈페이지</label>
+	        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input half_input" size="50" placeholder="홈페이지">
+	    </div>
+	    <?php } ?>
+	</div>
+	
     <?php if ($option) { ?>
     <div class="write_div">
         <span class="sound_only">옵션</span>
@@ -140,7 +141,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
     <div class="bo_w_flie write_div">
         <div class="file_wr write_div">
-            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
+            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
             <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
         </div>
         <?php if ($is_file_content) { ?>
@@ -163,10 +164,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </div>
     <?php } ?>
 
-
     <div class="btn_confirm write_div">
         <a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a>
-        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn">
+        <button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button>
     </div>
     </form>
 
diff --git a/theme/54/skin/board/gallery/list.skin.php b/theme/54/skin/board/gallery/list.skin.php
index c8ebff247..364a629e3 100644
--- a/theme/54/skin/board/gallery/list.skin.php
+++ b/theme/54/skin/board/gallery/list.skin.php
@@ -32,10 +32,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         	<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?>
             <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01 btn"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
             <li>
-            	<button class="btn_bo_sch btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button>
+            	<button type="button" class="btn_bo_sch btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button>
             	<!-- 게시판 검색 시작 { -->
-			    <div class="bo_sch_wrap">				
+			    <div class="bo_sch_wrap">	
 				    <fieldset class="bo_sch">
+				    	<h3>검색</h3>
 				        <legend>게시물 검색</legend>
 				        <form name="fsearch" method="get">
 				        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
@@ -46,12 +47,24 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 				            <?php echo get_board_sfl_select_options($sfl); ?>
 				        </select>
 				        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-				        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
-				        <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+				        <div class="sch_bar">
+							<input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
+				        	<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+						</div>
+						<button type="button" class="bo_sch_cls"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
 				        </form>
 				    </fieldset>
 				    <div class="bo_sch_bg"></div>
 			    </div>
+			    <script>
+					// 게시판 검색
+					$(".btn_bo_sch").on("click", function() {
+					    $(".bo_sch_wrap").toggle();
+					})
+					$('.bo_sch_bg, .bo_sch_cls').click(function(){
+					    $('.bo_sch_wrap').hide();
+					});
+				</script>
 			    <!-- } 게시판 검색 끝 --> 
             </li>
             <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
@@ -270,15 +283,6 @@ function select_copy(sw) {
 $(".btn_more_opt").on("click", function() {
     $(".more_opt").toggle();
 })
-
-// 게시판 검색
-$(".btn_bo_sch").on("click", function() {
-    $(".bo_sch_wrap").toggle();
-})
-$('.bo_sch_bg').click(function(){
-    $('.bo_sch_wrap').hide();
-});
-
 </script>
 <?php } ?>
 <!-- } 게시판 목록 끝 -->
diff --git a/theme/54/skin/board/gallery/style.css b/theme/54/skin/board/gallery/style.css
index 82713ebbd..5c2935818 100644
--- a/theme/54/skin/board/gallery/style.css
+++ b/theme/54/skin/board/gallery/style.css
@@ -21,10 +21,10 @@
 
 /* 쓰기 버튼 */
 #bo_w .btn_confirm {} /* 서식단계 진행 */
-#bo_w .btn_submit {padding:0 20px}
+#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
 #bo_w button.btn_submit {}
 #bo_w fieldset .btn_submit {}
-#bo_w .btn_cancel {}
+#bo_w .btn_cancel {font-size:1.167em;border-radius:3px}
 #bo_w button.btn_cancel {}
 #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
 #bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
@@ -148,7 +148,7 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
 .bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f}
+#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}
 
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
@@ -178,12 +178,20 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
 #bo_gall li.empty_list {padding:85px 0;text-align:center}
 
 .bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
-.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:300px;max-height:300px;margin-left:-150px;margin-top:-150px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #ccc;background:#fff;border-radius:3px}
+.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
 .bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-.bo_sch select {border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd}
-.bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left}
-.bo_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
+.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
+.bo_sch legend {background:red}
+.bo_sch form {padding:15px;display:block}
+.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
+.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
+.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
 .bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
 
 
@@ -214,31 +222,33 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 .autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}
 
 /* 게시판 읽기 */
-#bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}
+#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}
 
 #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
 
 #bo_v_title {}
-#bo_v_title .bo_v_cate {display:inline-block;line-height:26px;background:#3497d9;color:#fff;font-weight:bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
--webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
--moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
+#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
 #bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
 
-#bo_v_info {padding:10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
+#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
 #bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+
+#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
+#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
+#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
+#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}
+
 #bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
-#bo_v_info .profile_img {}
-#bo_v_info .profile_img img {border-radius:50%}
+#bo_v_info .profile_img {display:none}
 #bo_v_info .sv_member {color:#000}
 #bo_v_info .if_view {display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
 #bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
-#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
+#bo_v_info .if_date {margin:0;color:#888}
 
 #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_file ul {margin:0;list-style:none}
@@ -282,18 +292,16 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 #bo_v_bot ul {padding:0;list-style:none}
 
 .bo_v_com {margin:20px 0;float:right}
-.bo_v_com li {float:left;margin-left:5px}
+.bo_v_com > li {position:relative;float:left;margin-left:5px}
 
-.bo_v_left {margin:20px 0;float:left}
-.bo_v_left li {float:left;margin-right:5px}
-
-.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
+.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left}
 .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd}
+.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
+.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
 .bo_v_nb li:hover {background:#f6f6f6}
-.bo_v_nb li i {font-size:13px}
-.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#4567b5}
-.bo_v_nb li .nb_date {float:right;color:#888}
+.bo_v_nb li i {font-size:13px;color:#b3b3b3}
+.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
+.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
 
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
@@ -309,11 +317,12 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 
 #bo_v_act {margin-bottom:30px;text-align:center}
 #bo_v_act .bo_v_act_gng {position:relative}
-#bo_v_act a {margin-right:5px;vertical-align:middle}
-#bo_v_act a:hover {background-color:#f3f3f3}
-#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
-#bo_v_act .bo_v_good {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
-#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
+#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
+#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
+#bo_v_act i {font-size:1.4em;margin-right:5px}
+#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
+#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
 
 #bo_v_sns {float:left;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
@@ -333,28 +342,40 @@ box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
 
 
 /* 게시판 댓글 */
-.cmt_btn {background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin:30px 0 0px;padding:0  0 10px;cursor:pointer}
-.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
+.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
+.cmt_btn_op {}
+.cmt_btn span {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
+.cmt_btn b {font-size:1.2em;color:#000}
+.cmt_btn span:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
 #bo_vc {}
 #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc article {margin:20px 0;position:relative}
+#bo_vc article {margin:20px 0;position:relative;border-bottom: 1px solid #f0f0f0}
+#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc article .profile_img img {border-radius:50%}
-#bo_vc header {}
+#bo_vc article .pf_img {float:left;margin-right:10px}
+#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
+#bo_vc article .cm_wrap {float:left;width:870px}
+#bo_vc header {position:relative;width:100%}
 #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_vc header .profile_img {display:none}
+#bo_vc header .bo_vl_opt {position:absolute;top:0;right:0}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
 #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {float:right;font-style:italic;color:#777}
+.bo_vc_hdinfo {color:#777}
 #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background:#f8fafb;border-radius:5px;border:1px solid #e8e8e8;line-height:1.8em}
+#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
 #bo_vc p a {text-decoration:underline}
 #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
 #bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
 #bo_vc #bo_vc_winfo {float:left}
 
-.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
-.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_act li {display:inline-block}
-.bo_vc_act li a {padding:0 5px;line-height:23px}
+.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
+.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
+.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
+.bo_vc_act li {border-bottom:1px solid #f0f0f0}
+.bo_vc_act li:last-child {border-bottom:0}
+.bo_vc_act li a {display:inline-block;padding:10px 15px}
+.bo_vc_act li a:hover {color:#3a8afd}
 
 .bo_vc_w {position:relative;margin:10px 0;display:block}
 .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
@@ -387,17 +408,17 @@ box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
 /*글쓰기*/
 #bo_w .write_div {margin:10px 0;position:relative}
 #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_w .bo_w_info .frm_input {float:left;width:33%}
-#bo_w #wr_password {margin:0 0.5%  }
+#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
+#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
 #bo_w .wr_content.smarteditor2 iframe {background:#fff}
 #bo_w .bo_w_tit {position:relative}
 #bo_w .bo_w_tit .frm_input {padding-right:120px}
 #bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
-#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
 #bo_w .bo_w_link .frm_input {padding-left:50px}
-#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
-#bo_w .bo_w_flie .frm_file {padding-left:50px}
+#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
+#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
 #bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
-#bo_w .bo_w_flie .frm_input {margin:10px 0 0 }
+#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
 #bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
-#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
+#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
\ No newline at end of file
diff --git a/theme/54/skin/board/gallery/view.skin.php b/theme/54/skin/board/gallery/view.skin.php
index bb1b779ee..ab1941e45 100644
--- a/theme/54/skin/board/gallery/view.skin.php
+++ b/theme/54/skin/board/gallery/view.skin.php
@@ -25,14 +25,58 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        <span class="sound_only">작성자</span><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
-        <span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
-        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
-        <strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
+        <div class="profile_info">
+        	<div class="pf_img"><?php echo get_member_profile_img($view['mb_id']) ?></div>
+        	<div class="profile_info_ct">
+        		<span class="sound_only">작성자</span> <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong><br>
+       		 	<span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
+        		<span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        		<strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
+    		</div>
+    	</div>
+
+    	<!-- 게시물 상단 버튼 시작 { -->
+	    <div id="bo_v_top">
+	        <?php ob_start(); ?>
+
+	        <ul class="btn_bo_user bo_v_com">
+				<li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li>
+	            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i><span class="sound_only">답변</span></a></li><?php } ?>
+	            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
+	        	<?php if($update_href || $delete_href || $copy_href || $move_href || $search_href) { ?>
+	        	<li>
+	        		<button type="button" class="btn_more_opt btn_b01 btn"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">게시판 리스트 옵션</span></button>
+		        	<ul class="more_opt"> 
+			            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>">수정<i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;">삭제<i class="fa fa-trash-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" onclick="board_move(this.href); return false;">복사<i class="fa fa-files-o" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" onclick="board_move(this.href); return false;">이동<i class="fa fa-arrows" aria-hidden="true"></i></a></li><?php } ?>
+			            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>">검색<i class="fa fa-search" aria-hidden="true"></i></a></li><?php } ?>
+			        </ul> 
+	        	</li>
+	        	<?php } ?>
+	        </ul>
+	        <script>
+				// 게시판 리스트 관리자 옵션
+				$(".btn_more_opt").on("click", function() {
+				    $(".more_opt").toggle();
+				})
+			</script>
+	        
+	        <?php
+	        $link_buttons = ob_get_contents();
+	        ob_end_flush();
+	         ?>
+	    </div>
+	    <!-- } 게시물 상단 버튼 끝 -->
     </section>
 
     <section id="bo_v_atc">
         <h2 id="bo_v_atc_title">본문</h2>
+        <div id="bo_v_share">
+        	<?php include_once(G5_SNS_PATH."/view.sns.skin.php"); ?>
+	        <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-bookmark" aria-hidden="true"></i> 스크랩</a><?php } ?>
+	    </div>
 
         <?php
         // 파일 출력
@@ -64,13 +108,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <div id="bo_v_act">
             <?php if ($good_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
                 <b id="bo_v_act_good"></b>
             </span>
             <?php } ?>
             <?php if ($nogood_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -79,8 +123,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             if($board['bo_use_good'] || $board['bo_use_nogood']) {
         ?>
         <div id="bo_v_act">
-            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
-            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
@@ -89,14 +133,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <!-- }  추천 비추천 끝 -->
     </section>
 
-    <div id="bo_v_share">
-        <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
-
-        <?php
-        include_once(G5_SNS_PATH."/view.sns.skin.php");
-        ?>
-    </div>
-
     <?php
     $cnt = 0;
     if ($view['file']['count']) {
@@ -105,7 +141,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                 $cnt++;
         }
     }
-     ?>
+	?>
 
     <?php if($cnt) { ?>
     <!-- 첨부파일 시작 { -->
@@ -163,46 +199,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </section>
     <!-- } 관련링크 끝 -->
     <?php } ?>
-
-    <!-- 게시물 상단 버튼 시작 { -->
-    <div id="bo_v_top">
-        <?php
-        ob_start();
-        ?>
-
-        <ul class="bo_v_left">
-            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
-            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
-            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
-            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
-            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li><?php } ?>
-        </ul>
-
-        <ul class="bo_v_com">
-           <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
-            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
-        </ul>
-
-        <?php if ($prev_href || $next_href) { ?>
-        <ul class="bo_v_nb">
-            <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-caret-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> <span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></li><?php } ?>
-            <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-caret-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>  <span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></li><?php } ?>
-        </ul>
-        <?php } ?>
-        <?php
-        $link_buttons = ob_get_contents();
-        ob_end_flush();
-         ?>
-    </div>
-    <!-- } 게시물 상단 버튼 끝 -->
+    
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="btn_prv"><span class="nb_tit"><i class="fa fa-chevron-up" aria-hidden="true"></i> 이전글</span><a href="<?php echo $prev_href ?>"><?php echo $prev_wr_subject;?></a> <span class="nb_date"><?php echo str_replace('-', '.', substr($prev_wr_date, '2', '8')); ?></span></li><?php } ?>
+        <?php if ($next_href) { ?><li class="btn_next"><span class="nb_tit"><i class="fa fa-chevron-down" aria-hidden="true"></i> 다음글</span><a href="<?php echo $next_href ?>"><?php echo $next_wr_subject;?></a>  <span class="nb_date"><?php echo str_replace('-', '.', substr($next_wr_date, '2', '8')); ?></span></li><?php } ?>
+    </ul>
+    <?php } ?>
 
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
-     ?>
-
-
+	?>
 </article>
 <!-- } 게시판 읽기 끝 -->
 
@@ -259,16 +267,15 @@ $(function() {
 
     //sns공유
     $(".btn_share").click(function(){
-        $("#bo_v_sns").fadeIn();
-   
-    });
+    	$("#bo_v_sns").fadeIn();
+	});
 
     $(document).mouseup(function (e) {
-        var container = $("#bo_v_sns");
-        if (!container.is(e.target) && container.has(e.target).length === 0){
-        container.css("display","none");
-        }	
-    });
+		var container = $("#bo_v_sns");
+		if (!container.is(e.target) && container.has(e.target).length === 0){
+		container.css("display","none");
+		}	
+	});
 });
 
 function excute_good(href, $el, $tx)
diff --git a/theme/54/skin/board/gallery/view_comment.skin.php b/theme/54/skin/board/gallery/view_comment.skin.php
index a372ff01f..d33765718 100644
--- a/theme/54/skin/board/gallery/view_comment.skin.php
+++ b/theme/54/skin/board/gallery/view_comment.skin.php
@@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 var char_min = parseInt(<?php echo $comment_min ?>); // 최소
 var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 </script>
-<button type="button" class="cmt_btn"><i class="fa fa-commenting-o" aria-hidden="true"></i> 댓글목록</button>
+<button type="button" class="cmt_btn"><span><b>댓글</b> 12</span></button>
 <!-- 댓글 시작 { -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -24,56 +24,78 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         */
         $comment = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $comment);
         $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결
-     ?>
-
-    <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
-        <header style="z-index:<?php echo $cmt_sv; ?>">
-            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
-            <?php echo $list[$i]['name'] ?>
-            <?php if ($is_ip_view) { ?>
-            <span class="sound_only">아이피</span>
-            <span>(<?php echo $list[$i]['ip']; ?>)</span>
-            <?php } ?>
-            <span class="sound_only">작성일</span>
-            <span class="bo_vc_hdinfo"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
-            <?php
-            include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
-            ?>
-        </header>
-
-        <!-- 댓글 출력 -->
-        <div class="cmt_contents">
-            <p>
-                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
-                <?php echo $comment ?>
-            </p>
-            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
-                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
-
-                if($w == 'cu') {
-                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
-                    $cmt = sql_fetch($sql);
-                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
-                        $cmt['wr_content'] = '';
-                    $c_wr_content = $cmt['wr_content'];
-                }
-
-                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
-                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
-             ?>
-            <ul class="bo_vc_act">
-                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;" class="btn_b03">답변</a></li><?php } ?>
-                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;" class="btn_b03">수정</a></li><?php } ?>
-                <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link'];  ?>" onclick="return comment_delete();" class="btn_b03">삭제</a></li><?php } ?>
-            </ul>
-            <?php } ?>
-        </div>
-        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
-        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
-
-        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
-        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+	?>
 
+	<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
+        <div class="pf_img"><?php echo get_member_profile_img($view['mb_id']) ?></div>
+        
+        <div class="cm_wrap">
+	        <header style="z-index:<?php echo $cmt_sv; ?>">
+	            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
+	            <?php echo $list[$i]['name'] ?>
+	            <?php if ($is_ip_view) { ?>
+	            <span class="sound_only">아이피</span>
+	            <span>(<?php echo $list[$i]['ip']; ?>)</span>
+	            <?php } ?>
+	            <span class="sound_only">작성일</span>
+	            <span class="bo_vc_hdinfo"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
+	            <?php
+	            include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
+	            ?>
+	            <div class="bo_vl_opt">
+		            <button type="button" class="btn_cm_opt btn_b01 btn"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">댓글 옵션</span></button>
+		        	<ul class="bo_vc_act">
+		                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
+		                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
+		                <?php if ($list[$i]['is_del']) { ?><li><a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
+		            </ul>
+	            </div>
+	        </header>
+	
+	        <!-- 댓글 출력 -->
+	        <div class="cmt_contents">
+	            <p>
+	                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
+	                <?php echo $comment ?>
+	            </p>
+	            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+	                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
+	
+	                if($w == 'cu') {
+	                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+	                    $cmt = sql_fetch($sql);
+	                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+	                        $cmt['wr_content'] = '';
+	                    $c_wr_content = $cmt['wr_content'];
+	                }
+	
+	                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+	                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+				?>
+	            <script>
+					$(function() {			    
+				    // 댓글 옵션창 열기
+				    $(".btn_cm_opt").on("click", function(){
+				        $(this).parent("div").children(".bo_vc_act").show();
+				    });
+						
+				    // 댓글 옵션창 닫기
+				    $(document).mouseup(function (e){
+				        var container = $(".bo_vc_act");
+				        if( container.has(e.target).length === 0)
+				        container.hide();
+				    });
+				});
+					
+				</script>
+	            <?php } ?>
+	        </div>
+	        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
+	        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
+	
+	        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
+	        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+		</div>
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -121,7 +143,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
             <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
             <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
             <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
-            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25" placeholder="비밀번호">
             <?php
             }
             ?>
@@ -138,7 +160,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         <div class="btn_confirm">
             <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
             <label for="wr_secret"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
-            <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            <button type="submit" id="btn_submit" class="btn_submit">댓글등록</button>
         </div>
     </div>
     </form>
diff --git a/theme/54/skin/board/gallery/write.skin.php b/theme/54/skin/board/gallery/write.skin.php
index 690cb92be..5a867cca0 100644
--- a/theme/54/skin/board/gallery/write.skin.php
+++ b/theme/54/skin/board/gallery/write.skin.php
@@ -56,7 +56,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     <?php if ($is_category) { ?>
     <div class="bo_w_select write_div">
-        <label for="ca_name"  class="sound_only">분류<strong>필수</strong></label>
+        <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
         <select name="ca_name" id="ca_name" required>
             <option value="">분류를 선택하세요</option>
             <?php echo $category_option ?>
@@ -64,31 +64,31 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </div>
     <?php } ?>
 
-
     <div class="bo_w_info write_div">
-    <?php if ($is_name) { ?>
-        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
-        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" placeholder="이름">
-    <?php } ?>
-
-    <?php if ($is_password) { ?>
-        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
-        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" placeholder="비밀번호">
-    <?php } ?>
-
-    <?php if ($is_email) { ?>
-            <label for="wr_email" class="sound_only">이메일</label>
-            <input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email " placeholder="이메일">
-    <?php } ?>
-    </div>
-
-    <?php if ($is_homepage) { ?>
-    <div class="write_div">
-        <label for="wr_homepage" class="sound_only">홈페이지</label>
-        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input" size="50" placeholder="홈페이지">
-    </div>
-    <?php } ?>
-
+	    <?php if ($is_name) { ?>
+	        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+	        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input half_input required" placeholder="이름">
+	    <?php } ?>
+	
+	    <?php if ($is_password) { ?>
+	        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+	        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input half_input <?php echo $password_required ?>" placeholder="비밀번호">
+	    <?php } ?>
+	
+	    <?php if ($is_email) { ?>
+			<label for="wr_email" class="sound_only">이메일</label>
+			<input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input half_input email " placeholder="이메일">
+	    <?php } ?>
+	    
+	
+	    <?php if ($is_homepage) { ?>
+	    <div class="write_div">
+	        <label for="wr_homepage" class="sound_only">홈페이지</label>
+	        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input half_input" size="50" placeholder="홈페이지">
+	    </div>
+	    <?php } ?>
+	</div>
+	
     <?php if ($option) { ?>
     <div class="write_div">
         <span class="sound_only">옵션</span>
@@ -131,7 +131,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         
     </div>
 
-
     <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
     <div class="bo_w_link write_div">
         <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i><span class="sound_only"> 링크  #<?php echo $i ?></span></label>
@@ -142,7 +141,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
     <div class="bo_w_flie write_div">
         <div class="file_wr write_div">
-            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
+            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
             <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
         </div>
         <?php if ($is_file_content) { ?>
@@ -165,10 +164,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </div>
     <?php } ?>
 
-
     <div class="btn_confirm write_div">
         <a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a>
-        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn">
+        <button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button>
     </div>
     </form>
 
diff --git a/theme/54/skin/qa/basic/list.skin.php b/theme/54/skin/qa/basic/list.skin.php
index d176a044d..abc53d101 100644
--- a/theme/54/skin/qa/basic/list.skin.php
+++ b/theme/54/skin/qa/basic/list.skin.php
@@ -11,8 +11,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 ?>
 
 <div id="bo_list">
-
-
      <!-- 게시판 페이지 정보 및 버튼 시작 { -->
     <div id="bo_btn_top">
         <div id="bo_list_total">
@@ -22,8 +20,38 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 
         <?php if ($admin_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 문의등록</a></li><?php } ?>
+        	<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?>
+        	<li>
+        		<button type="button" class="btn_bo_sch btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button>
+				<!-- 게시판 검색 시작 { -->
+			    <div class="bo_sch_wrap">
+				    <fieldset class="bo_sch">
+				    	<h3>검색</h3>
+				        <legend>게시물 검색</legend>
+				        <form name="fsearch" method="get">
+				        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+				        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+				        <div class="sch_bar">
+				       		<input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" id="stx" required class="sch_input" size="25" maxlength="15" placeholder=" 검색어를 입력해주세요">
+							<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+				        </div>
+				        <button type="button" class="bo_sch_cls"><i class="fa fa-times" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
+				        </form>
+				    </fieldset>
+			    	<div class="bo_sch_bg"></div>
+			    </div>
+			    <script>
+					// 게시판 검색
+					$(".btn_bo_sch").on("click", function() {
+					    $(".bo_sch_wrap").toggle();
+					})
+					$('.bo_sch_bg, .bo_sch_cls').click(function(){
+					    $('.bo_sch_wrap').hide();
+					});
+				</script>
+			    <!-- } 게시판 검색 끝 -->
+			</li>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">문의등록</span></a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
@@ -84,7 +112,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
             </td>
             <td class="td_name"><?php echo $list[$i]['name']; ?></td>
             <td class="td_date"><?php echo $list[$i]['date']; ?></td>
-            <td class="td_stat"><span class=" <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '<i class="fa fa-check-circle" aria-hidden="true"></i> 답변완료' : '<i class="fa fa-times-circle" aria-hidden="true"></i> 답변대기'); ?></span></td>
+            <td class="td_stat"><span class=" <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '답변완료' : '답변대기'); ?></span></td>
         </tr>
         <?php
         }
@@ -97,28 +125,14 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 
     <div class="bo_fx">
         <ul class="btn_bo_user">
-            <?php if ($is_checkbox) { ?>
-            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn_admin"><i class="fa fa-trash-o" aria-hidden="true"></i> 선택삭제</button></li>
+        	<?php if ($is_checkbox) { ?>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn_b01 btn_admin"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
             <?php } ?>
-            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 문의등록</a></li><?php } ?>
+            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">문의등록</span></a></li><?php } ?>
         </ul>
     </div>
     </form>
-
-    
-    <!-- 게시판 검색 시작 { -->
-    <fieldset id="bo_sch">
-        <legend>게시물 검색</legend>
-
-        <form name="fsearch" method="get">
-        <input type="hidden" name="sca" value="<?php echo $sca ?>">
-        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" id="stx" required  class="sch_input" size="25" maxlength="15">
-        <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
-        </form>
-    </fieldset>
-    <!-- } 게시판 검색 끝 -->
 </div>
 
 <?php if($is_checkbox) { ?>
diff --git a/theme/54/skin/qa/basic/style.css b/theme/54/skin/qa/basic/style.css
index 30929a38a..535dd53df 100644
--- a/theme/54/skin/qa/basic/style.css
+++ b/theme/54/skin/qa/basic/style.css
@@ -59,7 +59,7 @@
 #bo_v td.empty_table {}
 
 /* 쓰기 테이블 */
-#bo_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_w table {}
 #bo_w caption {}
 #bo_w .frm_info {}
@@ -81,7 +81,7 @@
 #bo_w .required, #bo_w textarea.required {}
 
 #bo_w .cke_sc {}
-#bo_w button.btn_cke_sc{}
+#bo_w button.btn_cke_sc {}
 #bo_w .cke_sc_def {}
 #bo_w .cke_sc_def dl {}
 #bo_w .cke_sc_def dl:after {}
@@ -94,53 +94,51 @@
 /* 게시판 목록 */
 #bo_list .td_board {width:120px;text-align:center}
 #bo_list .td_chk {width:30px;text-align:center}
-#bo_list .td_date {width:80px;text-align:center;font-style: italic;}
-#bo_list .td_datetime {width:60px;text-align:center;font-style: italic}
+#bo_list .td_date {width:80px;text-align:center}
+#bo_list .td_datetime {width:60px;text-align:center;font-style:italic}
 #bo_list .td_group {width:100px;text-align:center}
 #bo_list .td_mb_id {width:100px;text-align:center}
 #bo_list .td_mng {width:80px;text-align:center}
 #bo_list .td_name {width:90px;text-align:left;padding:10px 0}
 #bo_list .td_nick {width:100px;text-align:center}
-#bo_list .td_num {width:40px;;text-align:center}
-#bo_list .td_num2 {width:50px;;text-align:center}
+#bo_list .td_num {width:40px;text-align:center}
+#bo_list .td_num2 {width:50px;text-align:center}
 #bo_list .td_numbig {width:80px;text-align:center}
 #bo_list .txt_active {color:#5d910b}
 #bo_list .txt_expired {color:#ccc}
-#bo_list .td_stat,#bo_v_rel .td_stat{width:100px;text-align:center}
-
+#bo_list .td_stat, #bo_v_rel .td_stat {width:100px;text-align:center}
 #bo_list .txt_active {color:#5d910b}
 #bo_list .txt_expired {color:#ccc}
-#bo_list .txt_done,#bo_v_rel .txt_done{display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:15px;color:#fff;font-size:0.92em;background:#ff63ab}
-#bo_list .txt_done i,#bo_v_rel .txt_done i{font-size:13px}
-#bo_list .txt_rdy,#bo_v_rel .txt_rdy{display:inline-block;height:30px;line-height:28px;padding:0 10px;border-radius:15px;color:#ff63ab;font-size:0.92em;border:1px solid #ff63ab}
-#bo_list .txt_rdy i,#bo_v_rel .txt_rdy i{font-size:13px}#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_list .txt_done, #bo_v_rel .txt_done {display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:3px;color:#fff;font-size:1em;background:#f6bb42;font-weight:bold}
+#bo_list .txt_done i, #bo_v_rel .txt_done i {font-size:13px}
+#bo_list .txt_rdy, #bo_v_rel .txt_rdy {display:inline-block;height:30px;line-height:28px;padding:0 10px;border-radius:3px;color:#fff;font-size:1em;background:#ccd1d9;font-weight:bold}
+#bo_list .txt_rdy i, #bo_v_rel .txt_rdy i {font-size:13px}
 
 /* 게시판 목록 */
-#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
+#bo_cate {margin-bottom:28px}
 #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_cate ul {zoom:1}
 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_cate li {display:inline-block;padding:2px;}
-#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
-#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
-#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
--webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
--moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
-
-
+#bo_cate li {display:inline-block;padding:2px}
+#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
+#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
+-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
+-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
+box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
 .td_subject img {margin-left:5px}
 
 
 /* 게시판 목록 공통 */
-#bo_btn_top{margin: 10px 0 5px}
+#bo_btn_top {margin:10px 0 5px}
 #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
+#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}
+
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;margin-left:5px}
 .btn_bo_adm {float:left}
@@ -149,20 +147,40 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
 .bo_notice td {background:#f5f6fa}
 .bo_notice td a {font-weight:bold}
 .td_num strong {color:#000}
-.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
-.bo_tit{display:block;font-weight:bold;color:#000}
-.td_subject .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
+.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
+.bo_cate_link:hover {text-decoration:none}
+.bo_tit {display:block;color:#000;font-weight:bold}
+.td_subject .fa-download {width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
 
 .bo_current {color:#e8180c}
-#bo_list .profile_img img{border-radius:50%}
-#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;}
-#bo_list .bo_tit .fa-heart{color:#fe4560}
-#bo_list .bo_tit .fa-lock{color:#000}
-#bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:3px}
-#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
-#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
+#bo_list .profile_img img {border-radius:50%}
+#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478}
+#bo_list .bo_tit .title_icon {margin-right:2px}
+#bo_list .bo_tit .fa-heart {color:#ff0000}
+#bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
+#bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
+#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
+#bo_list .bo_tit .fa-caret-right {color:#bbb}
+#bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
+#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
+
+.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
+.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
+.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
+.bo_sch legend {background:red}
+.bo_sch form {padding:15px;display:block}
+.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
+box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
+.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
+.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
+.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
+.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
+
 
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 5px;padding:0}
@@ -187,28 +205,30 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v {margin-bottom:20px;padding-bottom:20px}
 #bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v header{background:#eee;border:1px solid #d4d4d4;border-bottom:0;}
-#bo_v_title {font-size:1.083em;padding:10px 10px 5px}
-#bo_v_title .bo_v_cate{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size:11px}
-#bo_v_info {padding:5px 10px 10px ;background:#eee;border:1px solid #d4d4d4;color:#555;border-top:0;position:relative;font-size:0.92em}
+#bo_v header {background:#fff;border:1px solid #dde7e9;border-bottom:0;border-radius:3px 3px 0 0}
+#bo_v_title {font-size:2em;padding:20px 20px 10px}
+#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
+#bo_v_title .bo_v_cate {display:inline-block;line-height:23px;font-size:0.5em;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;vertical-align:middle}
+
+#bo_v_info {padding:0 20px 20px;background:#fff;border:1px solid #dde7e9;border-bottom:1px solid #f1f1f1;color:#555;border-top:0;position:relative}
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_info strong {display:inline-block;margin:0 7px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
-#bo_v_info .bo_date{position:absolute;top:10px;right:10px;font-style:italic}
-#bo_v_info .profile_img img{border-radius:50%;}
+#bo_v_info .bo_date {}
+#bo_v_info .profile_img img {border-radius:50%}
 
 
 #bo_v_file {margin:10px 0 0;background:#f3f3f3}
 #bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
 #bo_v_file ul {margin:0;padding:5px 0;list-style:none}
-#bo_v_file li {padding:5px 10px;position:relative;}
+#bo_v_file li {padding:5px 10px;position:relative}
 #bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
 #bo_v_file img {float:left;margin:0 10px 0 0}
-.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
+.bo_v_file_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
 #bo_v_link {}
 #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
@@ -222,26 +242,25 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v_contact h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_contact dl {margin:0;padding:0;list-style:none;zoom:1}
 #bo_v_contact dl:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa;}
+#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa}
 #bo_v_contact dt {clear:both;padding:8px 0 8px 30px;width:100px;font-weight:bold}
 #bo_v_contact dd {padding:8px 0;width:598px}
 
-#bo_v_top {padding:10px 0;zoom:1}
+#bo_v_top {zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
-#bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff}
 
 #bo_v_bot {zoom:1}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_bot ul {margin:0;padding:0;list-style:none}
 
-.bo_v_nb {float:left}
-.bo_v_nb li {float:left;margin-right:5px}
-.bo_v_com {float:right}
-.bo_v_com li {float:left;margin-left:5px}
-
-#bo_v_atc {min-height:100px;background:#fff;height:auto !important;height:100px;padding:15px ;border:1px solid #d4d4d4;border-top:0;;}
+.bo_v_nb li {margin:10px 0;float:left;width:49.5%;text-align:right;background:pink;color:#b3b3b3;font-size:0.85em}
+.bo_v_nb li:first-child {margin-right:1%;text-align:left}
+/*.bo_v_com {float:right}
+.bo_v_com li {float:left;margin-left:5px}*/
+#bo_v_atc {min-height:100px;background:#fff;height:auto !important;height:100px;padding:20px;border:1px solid #dde7e9;border-top:0}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
@@ -265,22 +284,22 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 
 #bo_v_addq {margin:0 0 30px;text-align:right}
 
-#bo_v_ans {margin:0 0 30px;border:1px solid #d4d4d4;background:#fff;position:relative;}
+#bo_v_ans {margin:0 0 30px;border:1px solid #d4d4d4;background:#fff;position:relative}
 #bo_v_ans h2 {font-size:1.083em;padding:10px 90px 5px 10px;background:#eee}
-#bo_v_ans h2 span{display:inline-block;font-size:11px;background:#555;border-radius:5px;height:22px;line-height:22px;;padding:0 5px;color:#fff;font-weight:normal}
-#bo_v_ans #ans_datetime {padding:0 10px 10px;font-size:0.92em;;background:#eee;;color:#666;font-style:italic}
+#bo_v_ans h2 span {display:inline-block;font-size:11px;background:#555;border-radius:5px;height:22px;line-height:22px;padding:0 5px;color:#fff;font-weight:normal}
+#bo_v_ans #ans_datetime {padding:0 10px 10px;font-size:0.92em;background:#eee;color:#666;font-style:italic}
 #bo_v_ans #ans_con {margin:0 0 10px;padding:15px;line-height:1.8em}
-#bo_v_ans #ans_con img{max-width:100%;height:auto}
-#bo_v_ans #ans_add {text-align:right;padding:15px;}
+#bo_v_ans #ans_con img {max-width:100%;height:auto}
+#bo_v_ans #ans_add {text-align:right;padding:15px}
 #ans_msg {padding:40px 0;background:#f2f5f9;text-align:center}
-#bo_v_ans .add_qa{position:absolute;top:10px;right:10px;background:#f57b8a;color:#fff}
-#bo_v_ans .add_qa:hover{background:#ed6478}
+#bo_v_ans .add_qa {position:absolute;top:10px;right:10px;background:#f57b8a;color:#fff}
+#bo_v_ans .add_qa:hover {background:#ed6478}
 
-#bo_v_rel {margin:0 0 30px;padding:30px 0 0;}
+#bo_v_rel {margin:0 0 30px;padding:30px 0 0}
 #bo_v_rel h2 {margin:0 0 10px;font-size:1.2em}
 
-#bo_v_ans_form h2{margin:10px 0 0;font-size:1.167em }
-#bo_v_ans_form .btn_submit{height: 50px;padding: 0 20px;border-radius: 3px;font-weight: bold;font-size: 1.083em;}
+#bo_v_ans_form h2 {margin:10px 0 0;font-size:1.167em }
+#bo_v_ans_form .btn_submit {height:50px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
 
 /* 게시판 댓글 */
 #bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
@@ -317,23 +336,23 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_vc form {padding:0}
 
 /*글쓰기*/
-#bo_w li{;position:relative;}
+#bo_w li {position:relative}
 #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_w .bo_w_info .frm_input{float:left;width:33%}
-#bo_w #wr_password{margin:0 0.5%}
-.qa_content_wrap.smarteditor2 iframe{background:#fff}
-#bo_w .bo_w_tit{position:relative}
-#bo_w .bo_w_tit .frm_input{padding-right:120px;}
-#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
-#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888}
-#bo_w .bo_w_link .frm_input{padding-left:50px}
-#bo_w .bo_w_flie .lb_icon{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
-#bo_w .bo_w_flie .frm_file{padding-left:50px;}
-#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
-#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
-#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
-#bo_w #qa_category{border:1px solid #3497d9;height:40px;border-radius:3px}
-#bo_w .bo_w_mail{float:left;width:49%}
-#bo_w .bo_w_hp{float:right;width:49%}
-#bo_w .bo_w_sbj{clear:both}
-#bo_w .frm_info{color: #3497d9;margin:0 0 5px;display:inline-block;font-size: 0.92em;}
\ No newline at end of file
+#bo_w .bo_w_info .frm_input {float:left;width:33%}
+#bo_w #wr_password {margin:0 0.5%}
+.qa_content_wrap.smarteditor2 iframe {background:#fff}
+#bo_w .bo_w_tit {position:relative}
+#bo_w .bo_w_tit .frm_input {padding-right:120px}
+#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
+#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_link .frm_input {padding-left:50px}
+#bo_w .bo_w_flie .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_flie .frm_file {padding-left:50px}
+#bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input {margin:10px 0 0 }
+#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
+#bo_w #qa_category {border:1px solid #3497d9;height:40px;border-radius:3px}
+#bo_w .bo_w_mail {float:left;width:49%}
+#bo_w .bo_w_hp {float:right;width:49%}
+#bo_w .bo_w_sbj {clear:both}
+#bo_w .frm_info {color:#3497d9;margin:0 0 5px;display:inline-block;font-size:0.92em}
\ No newline at end of file
diff --git a/theme/54/skin/qa/basic/view.skin.php b/theme/54/skin/qa/basic/view.skin.php
index 35a143ec8..34c9f6e8a 100644
--- a/theme/54/skin/qa/basic/view.skin.php
+++ b/theme/54/skin/qa/basic/view.skin.php
@@ -38,8 +38,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         <?php } ?>
     </section>
 
-  
-
     <section id="bo_v_atc">
         <h2 id="bo_v_atc_title">본문</h2>
 
@@ -88,11 +86,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         </section>
         <!-- } 첨부파일 끝 -->
         <?php } ?>
-
     </section>
 
-
-
     <!-- 게시물 상단 버튼 시작 { -->
     <div id="bo_v_top">
         <?php