diff --git a/bbs/content.php b/bbs/content.php index 1885d557c..31afdb8e1 100644 --- a/bbs/content.php +++ b/bbs/content.php @@ -10,7 +10,7 @@ if( !isset($g5['content_table']) ){ // 내용 if($co_seo_title){ - $co = get_content_by_field($g5['content_table'], 'content', 'co_seo_title', $co_seo_title); + $co = get_content_by_field($g5['content_table'], 'content', 'co_seo_title', generate_seo_title($co_seo_title)); $co_id = $co['co_id']; } else { $co = get_content_db($co_id); diff --git a/common.php b/common.php index 30c042733..274d0f1b7 100644 --- a/common.php +++ b/common.php @@ -129,8 +129,8 @@ $g5_debug = array('php'=>array(),'sql'=>array()); include_once(G5_LIB_PATH.'/hook.lib.php'); // hook 함수 파일 include_once(G5_LIB_PATH.'/get_data.lib.php'); // 데이타 가져오는 함수 모음 +include_once(G5_LIB_PATH.'/cache.lib.php'); // cache 함수 및 object cache class 모음 include_once(G5_LIB_PATH.'/uri.lib.php'); // URL 함수 파일 -include_once(G5_LIB_PATH.'/cache.lib.php'); $g5_object = new G5_object_cache(); @@ -421,7 +421,7 @@ if ($bo_table) { if (isset($wr_id) && $wr_id) { $write = get_write($write_table, $wr_id); } else if (isset($wr_seo_title) && $wr_seo_title) { - $write = get_content_by_field($write_table, 'bbs', 'wr_seo_title', $wr_seo_title); + $write = get_content_by_field($write_table, 'bbs', 'wr_seo_title', generate_seo_title($wr_seo_title)); if( isset($write['wr_id']) ){ $wr_id = $write['wr_id']; } diff --git a/css/default.css b/css/default.css index 59def503f..11cd01615 100644 --- a/css/default.css +++ b/css/default.css @@ -2,7 +2,7 @@ /* 초기화 */ html {overflow-y:scroll} -body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#e7e7e7} +body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} @@ -11,7 +11,7 @@ ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} -input[type="submit"]{cursor:pointer} +input[type="submit"] {cursor:pointer} button {cursor:pointer} textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} @@ -22,190 +22,184 @@ pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; } input[type=text],input[type=password], textarea { --webkit-transition: all 0.30s ease-in-out; --moz-transition: all 0.30s ease-in-out; --ms-transition: all 0.30s ease-in-out; --o-transition: all 0.30s ease-in-out; -outline: none; +-webkit-transition:all 0.30s ease-in-out; +-moz-transition:all 0.30s ease-in-out; +-ms-transition:all 0.30s ease-in-out; +-o-transition:all 0.30s ease-in-out; +outline:none; } - -input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { --webkit-box-shadow: 0 0 5px #9ed4ff; --moz-box-shadow: 0 0 5px #9ed4ff; -box-shadow: 0 0 5px #9ed4ff; -border: 1px solid #558ab7 !important; + +input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { +-webkit-box-shadow:0 0 5px #9ed4ff; +-moz-box-shadow:0 0 5px #9ed4ff; +box-shadow:0 0 5px #9ed4ff; +border:1px solid #558ab7 !important; } -.placeholdersjs { color: #aaa !important; } + +.placeholdersjs {color:#aaa !important} /* 레이아웃 크기 지정 */ -#hd, #wrapper, #ft{min-width:1200px} +#hd, #wrapper, #ft {min-width:1200px} #hd_pop, #hd_wrapper, -#tnb ul, +#tnb .inner, + #gnb .gnb_wrap, #container_wr, -#ft_wr{width:1200px} +#ft_wr {width:1200px} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} -.hd_pops img{max-width:100%} +.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} +.hd_pops img {max-width:100%} .hd_pops_con {} -.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;} +.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} -.hd_pops_footer button {padding: 10px;border:0;color:#fff} -.hd_pops_footer .hd_pops_reject{background:#000;text-align:left} -.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0} +.hd_pops_footer button {padding:10px;border:0;color:#fff} +.hd_pops_footer .hd_pops_reject {background:#000;text-align:left} +.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ -#hd {border-top:2px solid #253dbe} +#hd {background:#212020} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1} +#tnb {border-bottom:1px solid #383838;margin:0 auto} +#tnb:after {display:block;visibility:hidden;clear:both;content:""} +#tnb .inner {margin:0 auto} + +#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} -.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;} +.hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden} -#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em} -#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px} +#hd_sch {border-radius:30px;overflow:hidden} +#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff} +#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px} -#sbn_side{position:absolute;top:20px;right:0} - -#tnb {border-bottom:1px solid #ddd;background:#fff} -#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#tnb ul {margin:0 auto;zoom:1} -#tnb ul:after {display:block;visibility:hidden;clear:both;content:""} -#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em} -#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px} -#tnb a:focus, #tnb a:hover {color:#253dbe;background:#fafafa} -#tnb .tnb_admin a{color:#ff0000;} -#tnb .tnb_left{float:left} -#tnb .tnb_left a{padding:0 14px} -#tnb .tnb_cart{border-right:1px solid #ddd;} -#tnb .tnb_community{border-right:1px solid #ddd} -#tnb .tnb_community i{font-size:15px} -#tnb .tnb_community{background:#e7e7e7;font-weight:bold;} -#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0} -#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7} - -#hd_qnb{float:right;margin-top:20px} +#hd_qnb {float:right;text-align:right} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} -#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px} +#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} +#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} -#hd_qnb li a{display:block} -#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff} -#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0} -#hd_qnb li .fa-question{background:#e83a5f;font-size:20px} -#hd_qnb li .fa-question:hover{background:#e41b45} -#hd_qnb li .fa-comments{background:#82c13f;font-size:16px} -#hd_qnb li .fa-comments:hover{background:#5aa708} -#hd_qnb li .fa-users{background:#f0ba00;font-size:15px} -#hd_qnb li .fa-users:hover{background:#f06f00} -#hd_qnb li .fa-history{background:#8522c4;font-size:15px} -#hd_qnb li .fa-history:hover{background:#6700a9} +#hd_qnb li a {display:inline-block;color:#919191} +#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px} + + +.hd_login {position:absolute;right:0;top:60px} +.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px} +.hd_login li:first-child {border-left:0} +.hd_login a {color:#fff} + /* 메인메뉴 */ -#gnb{position:relative} -#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:#253dbe;zoom:1; --webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); --moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -box-shadow: 0 1px 3px rgba(0,0,0,0.3)} +#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;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:50px;padding:0 15px;position:relative;} -#gnb .gnb_1dli:hover{background:#1a30a7; --webkit-transition: background-color 2s ease-out; --moz-transition: background-color 0.3s ease-out; --o-transition: background-color 0.3s ease-out; -transition: background-color 0.3s ease-out;} +#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} +#gnb .gnb_1dli:hover > a {color:#3a8afd; +-webkit-transition:background-color 2s ease-out; +-moz-transition:background-color 0.3s ease-out; +-o-transition:background-color 0.3s ease-out; +transition:background-color 0.3s ease-out} -.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px} -.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;} -.gnb_2dli{border-top:1px solid #253dbe} -.gnb_2dli:first-child{border:0} -.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0; --webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); --moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -box-shadow: 0 1px 5px rgba(0,0,0,0.1);} -.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none} -a.gnb_2da:hover{background:#0e2080; --moz-transition: all 0.3s ease-out; --o-transition: all 0.3s ease-out; -transition: all 0.3s ease-out;} +.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./images/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px} +.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none} +.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} +.gnb_2dli:first-child {border:0} +.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px} +.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; +-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); +-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); +box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} +.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none} +a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8; +-moz-transition:all 0.3s ease-out; +-o-transition:all 0.3s ease-out; +transition:all 0.3s ease-out} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} -.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff} -.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline} -.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555} +.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808} +.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline} +.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555} -#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px} -#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0} -#gnb .gnb_mnal{padding:0} +#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px} +#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} +#gnb .gnb_mnal {float:right;padding:0} -#gnb_all{display:none;position:absolute;width:100%;z-index:99;} +#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); +-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); +box-shadow:0 2px 5px rgba(0,0,0,0.2)} +#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} -#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px; --webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); --moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2); -box-shadow: 0 2px 5px rgba(0,0,0,0.2);} -#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px } -#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071} -#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} -#gnb_all .gnb_al_li li i{color:#9ca6cc} -#gnb_all .gnb_al_li li a{color:#555} +#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} +#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef} +#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd} +#gnb_all .gnb_al_li li {line-height:2em} +#gnb_all .gnb_al_li li a {color:#555} +#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} /* 중간 레이아웃 */ -#wrapper{} +#wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {z-index:5;margin:0 auto;height:100%;zoom:1} -#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px} +#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} -#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:875px;zoom:1} +#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} -#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;} -#container_title span{margin:0 auto 10px;display:block;line-height:30px;} -/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/ -.lt_wr{width:49%} -.lt_wr:nth-child(2n+1){clear:both} +#container_title {font-size:1.333em;margin:0 auto;font-weight:bold} +#container_title span {margin:0 auto 10px;display:block;line-height:30px} + +.lt_wr {width:32%} +.lt_wr:nth-child(3n+1) {clear:both} +.latest_wr {margin-bottom:20px} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} +.latest_top_wr {margin:0 -10px 20px} +.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""} + /* 하단 레이아웃 */ -#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center} +#ft {background:#212020;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#ft_wr {margin:0 auto;position:relative;} -#ft_link{padding:15px 0;border-bottom:1px solid #eee} -#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold} -#ft_catch{margin:20px 0 10px} -#ft_copy{color:#555;font-size:0.92em} +#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} +#ft_wr:after {display:block;visibility:hidden;clear:both;content:""} +#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px} + +#ft_link {text-align:left} +#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} +#ft_company h2 {font-size:1.2em;margin-bottom:20px} +#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em} +#ft_catch {margin:20px 0 10px} +#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} -#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff} +#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} /* 게시물 선택복사 선택이동 */ #copymove {} -#copymove .win_desc {text-align:center;display:block} -#copymove .tbl_wrap{margin:20px } -#copymove .win_btn{padding:0 20px 20px} +#copymove .win_desc {text-align:center;display:block} +#copymove .tbl_wrap {margin:20px} +#copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} -.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} +.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} + /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} @@ -215,89 +209,89 @@ box-shadow: 0 2px 5px rgba(0,0,0,0.2);} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} -#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;} +#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} -#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} +#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} -#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;} -#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} -#captcha.m_captcha #captcha_reload span{display:none;} +#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} +#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} +#captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} -#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} +#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} -.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} +.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} -.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} +.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} +/* ckeditor 태그 기본값 */ +#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} +#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} +#bo_v_con li {display:list-item} + /* 버튼 */ -a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0; --webkit-transition: background-color 0.3s ease-out; --moz-transition: background-color 0.3s ease-out; --o-transition: background-color 0.3s ease-out; -transition: background-color 0.3s ease-out;} +a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em; +-webkit-transition:background-color 0.3s ease-out; +-moz-transition:background-color 0.3s ease-out; +-o-transition:background-color 0.3s ease-out; +transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} -a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;} +a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ -.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0} -.btn_submit:hover {background:#0025eb} +.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} +.btn_submit:hover {background:#2375eb} +.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} +a.btn_close {text-align:center;line-height:50px} -a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;} +a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} -.btn_cancel:hover {background:#aaa; -} -a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ +.btn_cancel:hover {background:#aaa} +a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ -a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle} -.btn_b01:hover, .btn_b01:hover {background:#54598c} -a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;} +a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} +.btn_b01:hover, .btn_b01:hover {color:#000} +a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} -a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ -.btn_admin:hover, a.btn_admin:hover {background:#ff3746} +a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ +.btn_admin:hover, a.btn_admin:hover {color:#ff3746} -/*컬러*/ -.color_1 {background:#169dd6} -.color_2 {background:#14d53d} -.color_3 {background:#3814ff} -.color_4 {background:#7520c5} - /* 기본테이블 */ -.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} +.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} -.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px} +.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} -.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} -.tbl_head01 tbody tr:hover td{background:#fafafa;} +.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} +.tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} @@ -315,40 +309,46 @@ a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text- .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; --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); +.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); } .tbl_frm01 textarea {padding:2px 2px 3px} -.frm_input {height:40px;} +.frm_input {height:40px} -.full_input{width:100%} -.half_input{width:49.5%} +.full_input {width:100%} +.half_input {width:49.5%} +.twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ -.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;} +.list_01 ul {border-top:1px solid #ececec} +.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} +.list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} -.list_01 li:hover{background:#f9f9f9} -.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666} +.list_01 li:hover {background:#f9f9f9} +.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} + /*폼 리스트*/ -.form_01 h2{margin:0 0 10px;font-size:1.167em} -.form_01 li{margin:10px 0} +.form_01 h2 {font-size:1.167em} +.form_01 li {margin-bottom:10px} +.form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} -.form_01 li .right_input{float:right} -.form_01 textarea{height:100px;width:100%} -.form_01 .frm_label{display:inline-block;width:130px} +.form_01 .left_input {float:left} +.form_01 .margin_input {margin-right:1%} +.form_01 textarea {height:100px;width:100%} +.form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ -.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;} +.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} @@ -371,29 +371,34 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ -.new_win {position:relative;} +.new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} -.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;} +.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); +-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); +box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} -.new_win .win_ul {border-right:1px solid #dfe6e7;} +.new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} -.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px} -.new_win .win_ul li a{display:block;padding:10px 0} -.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5} -.new_win .win_ul .selected a{color:#253dbe;font-weight:bold} -.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;} -.new_win .frm_info{font-size:0.92em;color:#3598db} -.new_win .win_total{text-align:right;margin:10px 0} -.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;} -.new_win .new_win_con{margin:20px;} +.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} +.new_win .win_ul li:first-child {margin-left:0} +.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} +.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} +.new_win .win_ul .selected a {color:#fff;font-weight:bold} +.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} +.new_win .win_desc i {font-size:1.2em;vertical-align:baseline} +.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} +.new_win .frm_info {font-size:0.92em;color:#919191} +.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} +.new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} +.new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} -.new_win .win_btn{text-align:right} -.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer} -.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right} +.new_win .win_btn {text-align:center} +.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} +.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ -.sch_word {color:#00c4ac} +.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} @@ -403,41 +408,37 @@ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; --webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); --moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} -.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;} -.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb } -.sv_wrap .sv a:hover{background:#000;color:#fff} -.sv_member{color:#333} +-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} +.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} +.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} +.sv_wrap .sv a:hover {background:#000;color:#fff} +.sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ -.pg_wrap {clear:both;margin:30px 0 ;text-align:center} +.pg_wrap {clear:both;float:left;display:inline-block} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} -.pg {} -.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3} +.pg {text-align:center} +.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} -.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;} -.pg_page:hover{background-color:#ddd} -.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;} -.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} -.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} -.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} -.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa} +.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} +.pg_page:hover {background-color:#fafafa} +.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} -.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; --webkit-box-shadow: inset 1px 1px 2px #222542; --moz-box-shadow: inset 1px 1px 2px #222542; -box-shadow: inset 1px 1px 2px #222542; -} +.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { --webkit-box-sizing: content-box; --moz-box-sizing: content-box; -box-sizing: content-box; +-webkit-box-sizing:content-box; +-moz-box-sizing:content-box; +box-sizing:content-box; } /* Mobile화면으로 */ diff --git a/css/mobile.css b/css/mobile.css index f10c9140d..25fc8e3a9 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -2,140 +2,146 @@ /* 초기화 */ html {overflow-y:scroll;height:100%;min-width:320px} -body {margin:0;padding:0;font-size:0.75em;background:#e6e6e6;height:100%} +body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;height:100%;font-family:'Malgun Gothic', dotum, sans-serif} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} -h1, h2, h3, h4, h5, h6 {font-size:1em} +h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} -input, button {margin:0;padding:0;font-size:1em} +input, button {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} button {cursor:pointer} input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none} -textarea, select {font-size:1em;font-family:dotum} -textarea {border-radius:0;-webkit-appearance:none} -select {margin:0;background:none} +textarea, select {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} +textarea {border-radius:0;-webkit-appearance:none;font-family:'Malgun Gothic', dotum, sans-serif} +select {margin:0;background:none;font-family:'Malgun Gothic', dotum, sans-serif} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} -ul,li,dl,dt,dd{list-style:none;padding:0;margin:0} +ul,li,dl,dt,dd {padding:0;margin:0} +ul {list-style:none} -*, :after, :before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; +*,:after,:before { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} +.hd_pops img {max-width:100%;height:auto} .hd_pops_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ -#hd {position:relative;background:#333} +#hd {position:relative;background:#212020} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -#logo {padding:10px 10px;height:50px;text-align:center} -#logo img{vertical-align:middle;max-height:100%;width:auto} -#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size: 16px;} -#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px; --webkit-box-shadow:0 0 5px rgba(55,55,5,0.4); --moz-box-shadow:0 0 5px rgba(55,55,5,0.4); -box-shadow: 0 0 5px rgba(55,55,5,0.4);} +#logo {padding:10px 10px;height:60px;text-align:center} +#logo img {vertical-align:middle;margin-top:5px;max-height:100%;width:auto} +#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em} +#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto; +-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4); +-moz-box-shadow:0 0 5px rgba(55,55,5,0.4); +box-shadow:0 0 5px rgba(55,55,5,0.4)} -#gnb a {display:block;color:#efefef} -.gnb_1dli{position:relative;line-height:40px;} -.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px} -.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%} -.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d} -.gnb_2dul {display:none;} -.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px} -#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50% -#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden} +#gnb_1dul {background:#fff} +#gnb_1dul a {display:block;color:#000} +.gnb_1dli {position:relative;line-height:40px} +.gnb_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px} +.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%} +.gnb_1da {padding:5px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;} +.gnb_2dul {display:none;background:#fafafa} +.gnb_2da {padding-left:30px} +#gnb_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent} #gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em} #gnb_empty a {display:inline;text-decoration:underline} -#hd_sch {text-align:center;padding:20px} +#hd_sch {text-align:center;padding:12px 55px 12px 15px;background:#212020} #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -#hd_sch form {position:relative;padding-right:40px;} -#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff} -#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em} +#hd_sch form {position:relative;padding-right:40px} +#hd_sch #sch_stx {width:100%;height:38px;margin-left:40px;background:#464646;border:0;color:#fff} +#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:38px;border:0;border-radius:3px;cursor:pointer;color:#a6a5a5;background:#464646;font-size:1.25em} -#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em} -#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center; --webkit-box-shadow:0 0 5px rgba(55,55,5,0.4); --moz-box-shadow:0 0 5px rgba(55,55,5,0.4); -box-shadow: 0 0 5px rgba(55,55,5,0.4);} -#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50% -#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden} -#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff} +#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:40px;width:40px;border:0;color:#fff;font-size:1.8em;background:none;letter-spacing:-0.1em} +#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;background:#efefef;text-align:center} +#user_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent} -#hd_nb{margin:20px;} +#snb_cnt span {display:inline-block;float:right;padding:0 7px;height:18px;margin-top:3px;line-height:18px;font-size:12px;background:#da22f5;border-radius:20px;color:#fff} + +#hd_nb {background:#fff;margin-top:10px;border-bottom:1px solid #e1e1e1} #hd_nb:after {display:block;visibility:hidden;clear:both;content:""} -#hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold} -#hd_nb li a{display:block;color:#717171;padding:20px 0} -#hd_nb li i{font-size:20px;} -#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7} -#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7} -#hd_nb .hd_nb3{border-right:1px solid #e2e5e7} +#hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold} +#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px} +#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac} +#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef} +#hd_nb .hd_nb2 {border-bottom:1px solid #efefef} +#hd_nb .hd_nb3 {border-right:1px solid #efefef} /* 텍스트 크기 조절 */ -#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;} +#text_size {margin:10px 0;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px} #text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%} -#text_size button.select{background:#fff;border-bottom:1px solid #bbb; --webkit-box-shadow:0 0 5px rgba(100,80,100,0.2); --moz-box-shadow:0 0 5px rgba(100,100,100,0.2); -box-shadow: 0 0 5px rgba(100,100,100,0.2);} +#text_size button.select {background:#fff;border-bottom:1px solid #bbb; +-webkit-box-shadow:0 0 5px rgba(100,80,100,0.2); +-moz-box-shadow:0 0 5px rgba(100,100,100,0.2); +box-shadow:0 0 5px rgba(100,100,100,0.2)} .ts_up {font-size:1.167em !important} .ts_up2 {font-size:1.3em !important} /* 중간 레이아웃 */ - #wrapper {} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} - #container {position:relative;min-height:300px} #container:after {display:block;visibility:hidden;clear:both;content:""} -#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333; - -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4); - -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4); - box-shadow: 0 0 5px rgba(55,55,5,0.4); +#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px 15px;line-height:30px;background:#fff;color:#333; +-webkit-box-shadow:0 0 10px rgba(181, 181, 181, 0.4); +-moz-box-shadow:0 0 10px rgba(181, 181, 181, 0.4); +box-shadow:0 0 10px rgba(181, 181, 181, 0.4); } -.top{position:relative} -.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;} -.btn_top li{display:inline-block} -.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px} -.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff} -.fixed{position:fixed;top:0;right:0;z-index:999;} -#container_title.fixed{width:100%;} - - +#container_title a {display:inline-block;margin-right:5px} +.top {position:relative} +.btn_top {position:absolute;top:0px;right:10px;z-index:999;padding:8px 0} +.btn_top li {display:inline-block} +.btn_top a,.btn_top button,.btn_top .btn_submit {} +.btn_top .btn_cancel,.btn_top .btn_b01 {border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff} +.fixed {position:fixed;top:0;right:0;z-index:999} +.fixed.btn_bo_user {right:10px} +#container_title.fixed {width:100%} /* 하단 레이아웃 */ -#ft {background:#222;padding:0px 10px 10px} +#ft {background:#222;padding:0px 20px 20px} #ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ft p {margin:0;padding:10px 0;line-height:1.8em} #ft_copy {padding:10px;line-height:2em;text-align:center;color:#777} #ft_copy #ft_company {text-align:center} #ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff} -#ft_copy #ft_company a:first-child{border:0} +#ft_copy #ft_company a:first-child {border:0} +.ft_cnt {font-weight:normal;color:#e3e3e3;line-height:2em;text-align:center} +.ft_cnt h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ft_copy b {color:inherit} #ft_copy a {color:inherit;text-decoration:none} -#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99} -#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center} +#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid #d2d2d2;border-radius:50%;background:#fff;color:#d2d2d2;text-align:center;font-size:15px;z-index:99; +-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)} +#top_btn i {font-size:1.4em} +#top_btn:hover {background:#3b8afb;border-color:#3b8afb;color:#fff} +#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center} /* 게시물 선택복사 선택이동 */ - #copymove {} .copymove_current {float:right;color:#ff3061} .copymove_currentbg {background:#f4f4f4} +#copymove .tbl_head01 {margin-top:10px} +#copymove td {background:#fff} +#copymove .win_btn {margin:10px} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden} @@ -149,33 +155,38 @@ box-shadow: 0 0 5px rgba(100,100,100,0.2);} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {position:relative} -#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;} -#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0} -#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px} -#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} -#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} -#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em} +#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} +#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} +#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} +#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} +#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top} +#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px} /* 구글리캡챠 크기 조정 scale */ -#captcha.recaptcha{width:213px;height:55px;overflow:hidden} -#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;} +#captcha.recaptcha {width:213px;height:55px;overflow:hidden} +#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0} + +/* ckeditor 태그 기본값 */ +#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} +#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} +#bo_v_con li {display:list-item} /*단축키일람 */ -.cke_sc{text-align:right} -.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none} +.cke_sc {text-align:right} +.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} -.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} +.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:50%;font-weight:bold} .cke_sc_def dd {width:50%} -.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff} +.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff} /* 버튼 */ -.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px} +.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px} a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} @@ -185,24 +196,33 @@ button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f .btn_confirm {text-align:center} /* 서식단계 진행 */ -.btn_submit {border:0;background:#ff506a;color:#fff;cursor:pointer;border-radius:3px} -fieldset .btn_submit {} +.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} +.btn_submit:hover {background:#2375eb} +.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} +a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle} -button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} - -a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ +button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} +a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#fff;border:1px solid #3a8afd;color:#3a8afd;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ -a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle} +a.btn_b01,.btn_b01 {display:inline-block;background:#3a8afd;color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle} .btn_b01:hover, .btn_b01:hover {} -a.btn_b02 ,.btn_b02{display:inline-block;background:#ff506a;color:#fff;text-decoration:none;vertical-align:middle;border:0} +a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border:0;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {} -a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle} +a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:0;background:transparent;color:#bababa;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {} -a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ +a.btn_admin {display:inline-block;color:#d13f4a;font-size:1.4em;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {} +.fix_btn {position:fixed;bottom:65px;right:15px;background:#3a8afd;width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)} +a.btn,.btn {line-height:35px;width:30px;height:35px;padding:0 5px;text-align:center;font-weight:bold;border:0;font-size:1.4em; +-webkit-transition:background-color 0.3s ease-out; +-moz-transition:background-color 0.3s ease-out; +-o-transition:background-color 0.3s ease-out; +transition:background-color 0.3s ease-out} /* 기본테이블 */ @@ -212,13 +232,14 @@ a.btn_admin:focus, a.btn_admin:hover {} .tbl_head01 {} .tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left} -.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} +.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center} +.tbl_head01 tbody {text-align:left} .tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} -.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all} +.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all} .tbl_head02 {} .tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left} @@ -231,28 +252,28 @@ a.btn_admin:focus, a.btn_admin:hover {} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} /* 기본리스트 */ -.list_01{padding:0 10px;} -.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;} +.list_01 ul {} +.list_01 li {border-bottom:1px solid #e5ecee;padding:15px} +.list_01 li:after {display:block;visibility:hidden;clear:both;content:""} +.all_chk {padding:15px;border-bottom:1px solid #e8eaee;background:#fff} /* 기본폼 */ -.form_01{margin:10px} -.form_01 .write_div{margin:5px 0;position:relative} -.form_01 li{margin:5px 0;position:relative;list-style:none} -.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;} +.form_01 .write_div {margin-bottom:10px;position:relative} +.form_01 li {margin:0 0 10px;position:relative;list-style:none} +.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;padding:5px;border-radius:0;box-shadow:none} .form_01 textarea {width:100%;height:100px} -.frm_input {height:40px;} -.full_input{width:100%} +.frm_input {height:45px} +.full_input {width:100%} .form_01 .frm_file {display:block;margin-bottom:5px;width:100%} -.form_01 select{height:40px;border-radius:3px} -.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em} +.form_01 select {height:40px;background-color:#fff} +.form_01 .frm_info {font-size:0.92em;color:#3a8afd;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:100px 0 !important;color:#777;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ -.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;} - +.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} @@ -275,50 +296,62 @@ a.btn_admin:focus, a.btn_admin:hover {} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ -.new_win {} -.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;} +.new_win {position:relative;background:#fff} +.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); +-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); +box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} -.new_win_con{margin:10px} +.new_win_con {} -.new_win .win_ul {margin:10px} -.new_win .win_ul li{display:inline-block;} -.new_win .win_ul li a{display: block;line-height: 24px;padding: 0 10px;} -.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px; --webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); --moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); -box-shadow: 0 0 8px rgba(65,98,255,0.8);} +.new_win .win_ul {margin-bottom:15px;padding:0 20px} +.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} +.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} +.new_win .win_ul li:first-child {margin-left:0} +.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} +.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} +.new_win .win_ul .selected a {color:#fff;font-weight:bold} +.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} +.new_win .win_desc i {font-size:1.2em;vertical-align:baseline} +.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} -.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff} +.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} +.new_win .new_win_con {padding:20px} +.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} +.new_win .new_win_con2 {margin:20px 0} -.new_win .win_btn {clear:both;margin:10px 0;text-align:center} -.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold} -.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0} -.new_win .win_btn .btn_submit{width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold} +.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center} +.new_win .win_btn a {display:inline-block;height:45px;line-height:40px;font-weight:bold} +.new_win .btn_close {width:60px;height:45px;overflow:hidden;cursor:pointer} +.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ -.sch_word {color:#00c4ac} +.sch_word {color:#fff;background:#ff005a;padding:2px 4px;margin:0 2px} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px} .sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left; --webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); --moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} -.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;} -.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb } -.sv_wrap .sv a:hover{background:#000;color:#fff} -.sv_member{color:#333;font-weight:bold;} +-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} +.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} +.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb} +.sv_wrap .sv a:hover {background:#000;color:#fff} +.sv_member {color:#333;font-weight:bold} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ -.pg_wrap {clear:both;margin:10px 0;text-align:center} -.pg {display:inline-block} -.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle} +.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center} +.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} +.pg {text-align:center} +.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} -.pg_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px} -.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden} -.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden} -.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden} -.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden} -.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:normal;border-radius:3px;line-height:30px;} +.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} +.pg_page:hover {background-color:#fafafa} +.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} +.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} + +.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} diff --git a/head.php b/head.php index 4e9be6f4a..b28652e83 100644 --- a/head.php +++ b/head.php @@ -23,7 +23,6 @@ include_once(G5_LIB_PATH.'/popular.lib.php');

-
본문 바로가기
- - +
+ +
@@ -55,7 +47,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
-
+
사이트 내 전체검색
@@ -97,11 +89,18 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
-
@@ -109,7 +108,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');

메인메뉴

'.PHP_EOL; ?> -
  • 메뉴 준비 중입니다. 관리자모드 > 환경설정 > 메뉴설정에서 설정하실 수 있습니다.
    • +
  • 메뉴 준비 중입니다. 관리자모드 > 환경설정 > 메뉴설정에서 설정하실 수 있습니다.
    • @@ -184,7 +184,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php'); if($k == 0) echo '
    +
    - + + diff --git a/index.php b/index.php index 045a07bb9..b434af2d5 100644 --- a/index.php +++ b/index.php @@ -19,22 +19,40 @@ include_once(G5_PATH.'/head.php');

    최신글

    +
    + +
    +
    + + + +
    +
    - 'mobile' "; if(!$is_admin) - $sql .= " and a.bo_use_cert = '' "; + $sql .= " and a.bo_use_cert = '' "; $sql .= " and a.bo_table not in ('notice', 'gallery') "; //공지사항과 갤러리 게시판은 제외 $sql .= " order by b.gr_order, a.bo_order "; $result = sql_query($sql); for ($i=0; $row=sql_fetch_array($result); $i++) { - if ($i%2==1) $lt_style = "margin-left:2%"; - else $lt_style = ""; + $lt_style = ''; + if ($i%3 !== 0 ) $lt_style = "margin-left:2%"; ?>
    -
    - -
    - - - -
    - \ No newline at end of file diff --git a/lib/URI/obj.class.php b/lib/URI/obj.class.php deleted file mode 100644 index b82ee39f9..000000000 --- a/lib/URI/obj.class.php +++ /dev/null @@ -1,92 +0,0 @@ -writes; - break; - case 'content' : - $datas = $this->contents; - break; - default : - $datas = $this->etcs; - break; - } - - if( $this->exists($type, $key, $group) ){ - if ( is_object($datas[$group][$key]) ) - return clone $datas[$group][$key]; - else - return $datas[$group][$key]; - } - - return false; - } - - function exists($type, $key, $group = 'default' ) { - - $return_data = ''; - - switch ($type) { - case 'bbs': - $datas = $this->writes; - break; - case 'content': - $datas = $this->contents; - break; - default : - $datas = $this->etcs; - break; - } - - return isset($datas[$group]) && ( isset($datas[$group][$key]) || array_key_exists($key, $datas[$group]) ); - } - - function set($type, $key, $data=array(), $group='default') { - if ( is_object( $data ) ) - $data = clone $data; - - switch ($type) { - case 'bbs': - $this->writes[$group][$key] = $data; - break; - case 'content': - $this->contents[$group][$key] = $data; - break; - default : - $datas = $this->etcs[$group][$key] = $data; - break; - } - - } - - function delete($key, $group='default') { - switch ($type) { - case 'bbs': - $datas = $this->writes; - break; - case 'content': - $datas = $this->contents; - break; - default : - $datas = $this->etcs; - break; - } - - if ( ! $this->exists('bbs', $key, $group) ) - return false; - - unset( $datas[$group][$key] ); - return true; - } - -} //end Class - -?> \ No newline at end of file diff --git a/lib/cache.lib.php b/lib/cache.lib.php index 75d8aeb94..b2806d6f7 100644 --- a/lib/cache.lib.php +++ b/lib/cache.lib.php @@ -1,6 +1,7 @@ [^<]*]*>)#', "$javascript{$nl}$1", $buffer); - $meta_tag = apply_replace('html_process_add_meta', ''); + $meta_tag = run_replace('html_process_add_meta', ''); if( $meta_tag ){ /* diff --git a/lib/uri.lib.php b/lib/uri.lib.php index 7a6e1c20f..aa0350056 100644 --- a/lib/uri.lib.php +++ b/lib/uri.lib.php @@ -2,7 +2,6 @@ if (!defined('_GNUBOARD_')) exit; include_once(dirname(__FILE__) .'/URI/uri.class.php'); -include_once(dirname(__FILE__) .'/URI/obj.class.php'); // 짧은 주소 형식으로 만들어서 가져온다. function get_pretty_url($folder, $no='', $query_string='', $action='') diff --git a/mobile/head.php b/mobile/head.php index 03d1c2d3b..84286c1cf 100644 --- a/mobile/head.php +++ b/mobile/head.php @@ -34,8 +34,8 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
    - - + +
    + +
    +

    사이트 내 전체검색

    - + @@ -115,22 +125,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php'); }
    -
    - - -
    - - - - - - +
    @@ -140,7 +135,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
    diff --git a/mobile/skin/board/basic/style.css b/mobile/skin/board/basic/style.css index 8f370ee6b..c34f63d63 100644 --- a/mobile/skin/board/basic/style.css +++ b/mobile/skin/board/basic/style.css @@ -10,7 +10,8 @@ #bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {} #bo_list a.btn_admin {} /* 관리자 전용 버튼 */ #bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {} -.chk_all{margin:10px 0} +.chk_all {margin:10px 0} + /* 읽기 버튼 */ #bo_v a.btn_b01 {} #bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {} @@ -38,24 +39,22 @@ #bo_list .td_date {width:60px;text-align:center} #bo_list .td_datetime {width:150px;text-align:center} #bo_list .td_mng {width:80px;text-align:center} -#bo_list .notice_icon{display: inline-block;background: #ff6f6f;padding: 0 5px;line-height: 20px;border-radius: 5px;font-weight: normal;font-size:11px;color: #fff;} -#bo_list .notice_icon i{color:#fff} -#bo_list .bo_subject .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px} -#bo_list .bo_subject .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px} -#bo_list .bo_subject .fa-heart{color:#ff0000;;text-align:center;font-size:10px;border-radius:2px} -#bo_list .bo_subject .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed} -#bo_list .bo_tit .fa-lock{color:#666} +#bo_list .notice_icon {display:inline-block;background:#fbe2e6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#f1364c} +#bo_list .bo_subject .fa-download {width:16px;line-height:16px;background:#ffefb9;color:#daae37;text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline} +#bo_list .bo_subject .fa-link {width:16px;line-height:16px;background:#edd3fd;color:#b451fd;text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline} +#bo_list .bo_subject .fa-heart {color:#ff0000;text-align:center;font-size:10px;border-radius:2px} +#bo_list .bo_subject .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:0 4px;font-weight:bold;vertical-align:middle} +#bo_list .bo_subject .fa-lock {display:inline-block;line-height:16px;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:baseline} #bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} -#bo_cate ul {margin: 10px;padding-left:1px;zoom:1} +#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} -#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0} -#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;} -#bo_cate #bo_cate_on {background:#4162ff;color:#fff; --webkit-box-shadow:0 0 5px rgba(65,98,255,0.8); --moz-box-shadow:0 0 5px rgba(65,98,255,0.8); -box-shadow: 0 0 8px rgba(65,98,255,0.8);} +#bo_cate li {display:inline-block;float:left} +#bo_cate a {display:block;line-height:24px;padding:15px} +#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd} +#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd} + /* 관리자일 때 */ #bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden} @@ -68,43 +67,85 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);} /* 관리자가 아닐 때 */ #bo_list th:nth-of-type(2) {width:100px} - #bo_list td:nth-of-type(2) {text-align:center} /* 게시판 목록 공통 */ +#bo_list {} +#bo_list li {background:#fff} +#bo_list li.bo_notice {background:#fff6fa} + .bo_fx {margin-bottom:5px;padding:0 10px} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} -#bo_list_total{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0} -.btn_bo_user {float:right;margin:0;padding:0;list-style:none} -.btn_bo_user li {float:left;margin-left:5px} -.btn_bo_adm {text-align:center} -.btn_bo_adm li {display:inline-block;} -.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} -.bo_notice td {background:#f7f7f7} -.bo_notice td a {font-weight:bold} -.td_num strong {color:#000} -.bo_cate_link {;color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em} /* 글제목줄 분류스타일 */ -.bo_subject{display:block;font-size:1.083em;font-weight:bold;margin:5px 0} -.bo_subject i{color: #8d96c2;font-size:12px} -.bo_subject .fa-heart{color:#ff0000} -.bo_current {color:#e8180c} -.bo_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top} -.bo_info .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px} -.bo_info .bo_date{position:absolute;top:10px;right:0;font-style: italic;} -.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px;} -.bo_info .profile_img img{border-radius:50%;vertical-align:top} +#bo_list_total {margin:10px;text-align:center;padding:10px;text-align:center;background:#e3e7ec;color:#8b8b8b;border-radius:3px} -#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;border-radius:3px} +.btn_bo_user > li {float:left;text-align:center;margin-left:5px} +.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} +.btn_more_opt {width:30px} +.more_opt {display:none;position:absolute;top:50px;right:7px;background:#fff;border:1px solid #b8bfc4;z-index:999} +.more_opt:before {content:"";position:absolute;top:-8px;right:6px;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:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} +.more_opt li {display:block;border-bottom:1px solid #f1f1f1;padding:10px;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 {line-height:20px} + +.bo_share {position:relative} +#bo_v_share {display:none;position:absolute;top:42px;right:0;padding:10px;text-align:right;background:#fff;border:1px solid #b8bfc4} +#bo_v_share:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent} +#bo_v_share:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} +#bo_v_share .btn_scrap {display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:40px;font-weight:bold;text-align:center;border-radius:3px} + +#bo_v_sns {padding:0;list-style:none;zoom:1} +#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} +#bo_v_sns li {text-align:center;margin:5px 0 0} +#bo_v_sns li a {display:block;width:40px;height:40px;padding:10px 0} +#bo_v_sns li .sns_f {background:#415b92;border-radius:3px} +#bo_v_sns li .sns_t {background:#35b3dc;border-radius:3px} +#bo_v_sns li .sns_g {background:#d5503a;border-radius:3px} +#bo_v_sns li .sns_k {background:#fbe300;border-radius:3px} +#bo_v_sns li img {vertical-align:top} +#bo_v_sns li span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} + +.bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */ +.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em} +.bo_cnt i {color:#8d96c2;font-size:12px} +.bo_cnt .fa-heart {color:#ff0000} +.bo_chk {display:inline-block;float:left;margin-right:5px} + +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box {position:relative} +.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70} +.chk_box input[type="checkbox"] + label:hover{color:#2172f8} +.chk_box input[type="checkbox"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.chk_box input[type="checkbox"]:checked + label {color:#000} +.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} +.all_chk.chk_box input[type="checkbox"] + label span {top:18px;left:15px} + +.bo_cmt {background:#e9eff5;color:#3a8afd;font-size:0.925em;height:16px;padding:0 5px;border-radius:2px;vertical-align:top;min-width:16px} + +.bo_subject {display:block;width:100%;padding-bottom:5px} +.bo_current {color:#e8180c} +.bo_info:after {display:block;visibility:hidden;clear:both;content:""} +.bo_info {position:relative;padding-top:5px;line-height:20px;color:#646464;vertical-align:top} +.bo_info i {margin-left:10px} +.bo_info .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px} +.bo_info .bo_date {} +.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px} +.bo_info .profile_img img {border-radius:50%;vertical-align:top} + +#bo_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px} #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 0;height:20px;border-right:1px solid #ddd;float:left;width:40%} -#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px} -#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px} +#bo_sch select {border:0;height:38px;border-right:1px solid #f8f8f8;float:left;width:30%} +#bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px} +#bo_sch .sch_btn {height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px} -.view_is_list.btn_top{position:relative;z-index:auto;top:0;left:0} -.view_is_list{margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right} -.view_is_list li{display:inline-block} +.view_is_list.btn_top {position:relative;z-index:auto;top:0;left:0} +.view_is_list {margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right} +.view_is_list li {display:inline-block} /* 게시판 쓰기 */ #bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%} @@ -114,75 +155,83 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);} #char_count {font-weight:bold} #wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%} +.fix_btn.write_btn{z-index:99} /* 게시판 읽기 */ -#bo_v {padding:20px 10px 10px;background:#fff -;-webkit-box-shadow: 0 1px 4px #ddd; --moz-box-shadow: 0 1px 4px #ddd; -box-shadow: 0 1px 4px #ddd;} +#bo_v {padding:20px 0 0;background:#fff} +#bo_v>header {padding:0 15px;border-bottom:1px solid #eee} +#bo_v_table {padding:10px;color:#999;font-size:0.9em;font-weight:bold} -#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold} +#bo_v_title {} +.bo_v_cate {display:inline-block;background:#e2eaf6;color:#3a8afd;border-radius:13px;line-height:20px;border-radius:5px;padding:0 5px;font-weight:bold} +.bo_v_tit {display:block;font-size:1.5em;margin:10px 0 0} -#bo_v_title {;text-align:center} -.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal; --webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); --moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); -box-shadow: 0 0 8px rgba(65,98,255,0.8);} -.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0} -#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 } - -#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666;line-height:20px;} +#bo_v_info {padding:15px 0;color:#8e8e8e;line-height:20px} #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px} -#bo_v_info .profile_img img{border-radius:50%;vertical-align:top} -#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px} -#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px} +#bo_v_info .profile_img img {border-radius:50%;vertical-align:top} +#bo_v_info .icon_view {display:inline-block;background:url('./img/icon_view.png') no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px} +#bo_v_info .icon_comment {display:inline-block;background:url('./img/icon_comment.png') no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px} -#bo_v_file {margin:10px 0} -#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px} -#bo_v_file ul {margin:0;padding:0;list-style:none} -#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777} -#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px} -#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} -#bo_v_file a strong{color:#3497d9;text-decoration:underline} -.bo_v_file_cnt {font-size:0.92em} +#bo_v_file {padding:0 15px;margin-bottom:20px} +#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf} +#bo_v_file li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px} +#bo_v_file a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000} -#bo_v_link{margin:10px 0} -#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px} -#bo_v_link ul {margin:0;padding:0;list-style:none} -#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777} -#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px} -#bo_v_link a strong{color:#3497d9;text-decoration:underline} -#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} -.bo_v_link_cnt {font-size:0.92em} +@media (max-width:450px){ + #bo_v_file a {float:inherit} +} -#bo_v_top {margin:10px 0;} +#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd} +#bo_v_file img {float:left;margin:0 10px 0 0} +#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4} +#bo_v_file li:hover i {color:#3a8afd} +#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc} + +#bo_v_link {padding:0 15px;margin-bottom:20px} +#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf} +#bo_v_link li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px} +#bo_v_link a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000} +#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd} +#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4} +#bo_v_link li:hover i {color:#3a8afd} +#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc} + +#bo_v_top {margin:10px 15px} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_top ul li{display:inline-block;} -.bo_v_left{float:left} -.bo_v_right{float:right} +#bo_v_top ul li {display:inline-block} +.bo_v_left {float:left} +.bo_v_right {float:right} #bo_v_bot {padding:0 10px} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} -.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;} +.bo_v_nb {position:relative;margin:10px 0 0;border-top:1px solid #e4e4ec;border-bottom:1px solid #e4e4ec;text-align:left} .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""} .bo_v_nb li {} -.bo_v_nb li a{display:inline-block;padding:10px;color:#777} -.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;} -.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;} +.bo_v_nb li a {display:block;padding:15px;color:#777} +.bo_v_nb li a i {color:#c5cfdd} +.bo_v_nb li.bo_v_prev {border-bottom:1px solid #f8f8f8} +.bo_v_nb li.bo_v_next {} -#bo_v_atc {min-height:200px} + +#bo_v_atc {min-height:200px;padding:15px} #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden} -#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} +#bo_v_img {width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_img a.view_image{display:block} +#bo_v_img a.view_image {display:block} #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto} #bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden} @@ -191,43 +240,31 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);} #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{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic} -#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic} -#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;} -#bo_v_share{position:relative;margin:20px 0;text-align:right} -#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px} - -.btn_share{display:none;} -.bo_v_snswr{position:relative;float:right} -#bo_v_sns {;padding:0;list-style:none;zoom:1} -#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_sns li {float:left;width:50px;text-align:center;margin-left:3px} -#bo_v_sns li a{height:40px;padding:10px 0;} -#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px} -#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px} -#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px} -#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px} -#bo_v_sns li img{vertical-align:top} +#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} /* 게시판 댓글 */ -.cmt_btn{background:url('./img/cmt_btn.png') no-repeat right 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0 0 10px ;border-bottom:1px solid #e8e8e8} -.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat right -23px} +#bo_vc {background:#f8f8f8;padding:15px} +#bo_vc h2.bo_vc_tit {} +#bo_vc h2 span {color:#3a8afd} +#bo_vc article {} +#bo_vc article .comment_inner{margin:15px 0 0;padding:15px;background:#fff;border-bottom:1px solid #e4e4ec} +#bo_vc article h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} +#bo_vc header {position:relative;padding:0;line-height:20px;padding-right:18px} +#bo_vc .profile_img {vertical-align:text-bottom} +#bo_vc .profile_img img {width:23px;height:23px;border-radius:50%} +#bo_vc header .bo_vl_opt {position:absolute;top:-5px;right:-8px} +.comment_inner .bo_vc_w{margin-top:10px;padding-top:15px} -#bo_vc {} -#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#bo_vc article {margin:0 0 15px} -#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px} -#bo_vc .comment_profile_img{position:absolute;top:0;left:0} -#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%} #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} -.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic} +.bo_vc_hdinfo {display:inline-block;color:#777} #bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} -#bo_vc .cmt_contents {padding:10px 15px ;margin:5px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em} -#bo_vc .cmt_contents p{font-size:1.083em} +#bo_vc .cmt_contents {margin:10px 0 0;border-radius:5px;line-height:1.8em} +#bo_vc .cmt_contents p {font-size:1.083em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479} #bo_vc_empty {margin:0;padding:15px !important;text-align:center} @@ -235,44 +272,59 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_act {text-align:right;;margin:0;list-style:none} -.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_act li {display:inline-block;margin:0 2px} -.bo_vc_act li a{color:#3497d9;text-decoration:underline} +.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:center;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 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +.bo_vc_w {display:block;position:relative;padding:0 15px 15px;background:#f8f8f8} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} -.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px} -#wr_secret{} -.bo_vc_w_info{margin:5px 0} -.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0} -.bo_vc_w_info #wr_password{float:right;} -.bo_vc_w_info #captcha{;display:block;clear:both} -.bo_vc_w .btn_confirm{margin-top:5px;clear:both} -.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;} -.bo_vc_w .btn_submit{height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;} -.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_w .bo_vc_secret{float:right;display:block;} +.bo_vc_w textarea {width:100%;height:120px;padding:5px;border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle} +#wr_secret {} -#bo_vc_send_sns{display:block;float:left} +.bo_vc_w_info {margin:10px 0} +.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} +.bo_vc_w_info .frm_input {float:left;width:49.5%;margin:0 0 5px 0} +.bo_vc_w_info #wr_password {float:right} +.bo_vc_w_info #captcha {display:block;clear:both} +.bo_vc_w .btn_confirm {margin-top:5px;clear:both} +.bo_vc_w .icon_lock {display:inline-block;font-size:1em;vertical-align:baseline} +.bo_vc_w .btn_submit {height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em} +.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} +.bo_vc_w .bo_vc_secret {display:block} + +#bo_vc_send_sns {display:block;float:left} #bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} -#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;;padding: 10px 0 10px 10px} -#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px} -#bo_vc_sns .sns_li_off{background:#bbb} -#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;} -#bo_vc_sns input {margin:0 5px 0 0 } +#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding: 10px 0 10px 10px} +#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding: 10px 0 10px 10px} +#bo_vc_sns .sns_li_off {background:#bbb} +#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px} +#bo_vc_sns input {margin:0 5px 0 0} -/*글쓰기*/ -#bo_w .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%} -#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} -#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} -#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:5px 0 0 } +/* 게시판 쓰기 */ +#bo_w {padding:15px} +#bo_w .bo_v_option li {display:inline-block;float:left;margin:0 5px 0 0} +#bo_w .bo_v_option li label {vertical-align:baseline} +#bo_w .bo_v_option:after {display:block;visibility:hidden;clear:both;content:""} +#bo_w .bo_w_select select {border:1px solid #d0d3db;background:#fff;width:100%} +#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;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;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2} +#bo_w .bo_w_flie .frm_file {padding-left:50px} +#bo_w .bo_w_flie .file_wr {position:relative;color:#000;vertical-align:middle;margin:0} +#bo_w .bo_w_flie .frm_input {margin:5px 0 0} +.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:60px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;background:#fff;text-align:center;vertical-align:middle;cursor:pointer} +.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:45px;line-height:30px;border:1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle;border-radius:0} +.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} + +#bo_w .btn_confirm {text-align:center;margin:20px 0} +#bo_w .btn_submit {width:49%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} +#bo_w .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em;background:#fff;border-radius:3px;border:1px solid #dcdcdc} \ No newline at end of file diff --git a/mobile/skin/board/basic/view.skin.php b/mobile/skin/board/basic/view.skin.php index 70c42e1ba..a5664f176 100644 --- a/mobile/skin/board/basic/view.skin.php +++ b/mobile/skin/board/basic/view.skin.php @@ -8,52 +8,72 @@ add_stylesheet('', 0 - -
    - 답변 - 글쓰기 - -
    + + +

    - - +

    -

    작성일

    +
    +

    페이지 정보

    + 작성자 + 작성일 + 조회 + 댓글 +
    -
    -

    페이지 정보

    - 작성자 - 조회 회 - 댓글 건 -
    - -
    - - - - -
    -

    본문

    @@ -69,10 +89,9 @@ add_stylesheet('', 0 echo get_view_thumbnail($view['file'][$i]['view']); } } - echo "
    \n"; - } - ?> + } + ?>
    @@ -83,13 +102,13 @@ add_stylesheet('', 0
    -
    추천     + 추천 이 글을 추천하셨습니다     -
    비추천     + 비추천     @@ -98,34 +117,24 @@ add_stylesheet('', 0 if($board['bo_use_good'] || $board['bo_use_nogood']) { ?>
    -
    추천     -
    비추천     + 추천 + 비추천
    - -
    - 스크랩 - - -
    - - + ?>
    @@ -153,7 +162,7 @@ add_stylesheet('', 0
    - +
    diff --git a/mobile/skin/board/basic/write.skin.php b/mobile/skin/board/basic/write.skin.php index 9165fd212..7c350075c 100644 --- a/mobile/skin/board/basic/write.skin.php +++ b/mobile/skin/board/basic/write.skin.php @@ -20,35 +20,32 @@ add_stylesheet('', 0 '.PHP_EOL.''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } - if ($is_html) { if ($is_dhtml_editor) { $option_hidden .= ''; } else { - $option .= PHP_EOL.''.PHP_EOL.''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - if ($is_secret) { if ($is_admin || $is_secret==1) { - $option .= PHP_EOL.''.PHP_EOL.''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } else { $option_hidden .= ''; } } - if ($is_mail) { - $option .= PHP_EOL.''.PHP_EOL.''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - echo $option_hidden; ?> +

    @@ -79,21 +76,23 @@ add_stylesheet('', 0
    - +
    - +
    옵션 +
      +
    @@ -115,20 +114,19 @@ add_stylesheet('', 0
    -
    - " id="wr_link" class="frm_input wr_link"> + " id="wr_link" class="frm_input wr_link" placeholder="링크를 입력하세요">
    -
    -
    - - +
    + + +
    @@ -139,7 +137,6 @@ add_stylesheet('', 0 -
    @@ -147,15 +144,13 @@ add_stylesheet('', 0
    자동등록방지 -
    -
    -
    +
    취소 - +
    @@ -244,4 +239,14 @@ function fwrite_submit(f) return true; } + +var uploadFile = $('.filebox .uploadBtn'); +uploadFile.on('change', function(){ + if(window.FileReader){ + var filename = $(this)[0].files[0].name; + } else { + var filename = $(this).val().split('/').pop().split('\\').pop(); + } + $(this).siblings('.fileName').val(filename); +}); diff --git a/mobile/skin/board/gallery/list.skin.php b/mobile/skin/board/gallery/list.skin.php index 5d8329eb2..843aa83c8 100644 --- a/mobile/skin/board/gallery/list.skin.php +++ b/mobile/skin/board/gallery/list.skin.php @@ -8,11 +8,33 @@ add_stylesheet('', 0 +
    + + + + + + + + + -
      -
    • RSS
      • -
    • 관리자
      • -
    • 글쓰기
      • +
        +
      • 관리자
        • +
      • RSS
        • + +
      • + + +
          +
          • +
          • +
          • +
        + +
        • + +
      • 글쓰기
      @@ -28,40 +50,30 @@ add_stylesheet('', 0 -
      - 전체 건 - 페이지 -
      - - - - - - - - - - -

      이미지 목록

      -
      - - +
      + +
      - - -
      -
        - -
      • 목록
        • - - -
        • -
        • -
        • - -
      -
      - - -
      +
    -
    +
    id="sop_or" name="sop"> - + id="sop_and" name="sop"> - +
    - - -
    -

    전체검색 결과

    -
    -
    게시판
    -
    개
    -
    게시물
    -
    개
    -
    -

    / 페이지 열람 중

    -
    - - ',
  • - 새창 +

    @@ -134,14 +130,10 @@ add_stylesheet('',
    • -
    결과 더보기
    - -
    +
    결과 더보기
    - -
    diff --git a/mobile/skin/search/basic/style.css b/mobile/skin/search/basic/style.css index 3206a7506..89cc93f26 100644 --- a/mobile/skin/search/basic/style.css +++ b/mobile/skin/search/basic/style.css @@ -1,43 +1,50 @@ @charset "utf-8"; + /* 전체검색결과 스킨 */ -#sch_res_detail {margin:10px;text-align:center} +#sch_res_detail {margin:10px 0;padding:15px;border-top:1px solid #f1f1f1;border-bottom:1px solid #ddd;background:#fff;text-align:left} #sch_res_detail legend {position:absolute;font-size:0;line-height:0;overflow:hidden} -#sch_res_detail .sch_wr {position:relative;border:1px solid #bdc2d8;background:#fff;margin:0 0 5px} -#sch_res_detail select{width:50%;float:left;height:40px;border:0} -#sch_res_detail #sfl{border-left:1px solid #e2e2e2;} -#sch_res_detail .frm_input {position:relative;width:100%;border:0;border-top:1px solid #e2e2e2;border-radius:0;clear:both} -#sch_res_detail .btn_submit{position:absolute;bottom:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px} +#sch_res_detail .sch_wr {position:relative;background:#fff;margin:0 0 5px} +#sch_res_detail select {width:49.5%;height:40px;float:left;border:1px solid #d0d3db} +#sch_res_detail select#gr_id {margin-right:1%} +#sch_res_detail .frm_input {position:relative;width:100%;border:1px solid #d0d3db;margin-top:5px;border-radius:0;clear:both} +#sch_res_detail .btn_submit {position:absolute;bottom:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px} -#sch_res_ov {margin: 10px;padding:20px;background:#e4e4e4;text-align:center;zoom:1} +#sch_res_ov {margin:15px;padding:15px;background:#edf3fc;text-align:center;border-radius:5px;border:1px solid #d6e2f4;color:#5977a4;zoom:1} #sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""} -#sch_res_ov h2 {font-size:1.25em;margin:0 0 5px} -#sch_res_ov dl {margin:0 0 5px;display:inline-block;;zoom:1} -#sch_res_ov dt {display:inline-block} -#sch_res_ov dd {display:inline-block;margin:0 2px 0 5px} -#sch_res_ov p {margin:0;padding:0;color:#666;font-size:0.92em} - -#sch_res_board {margin: 10px;padding-left:1px;zoom:1} +#sch_res_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sch_res_ov ul {display:inline-block;zoom:1} +#sch_res_ov li {float:left;display:inline-block;margin:0 10px 0 0;line-height:10px;padding-right:10px;border-right:1px solid #5977a4;color:#5977a4} +#sch_res_ov li:last-child {margin-right:0;padding-right:0;border-right:0} +#sch_res_board {margin:10px;padding-left:1px;zoom:1} #sch_res_board:after {display:block;visibility:hidden;clear:both;content:""} #sch_res_board li {display:inline-block;float:left;margin:3px 5px 3px 0} -#sch_res_board a {display:block;line-height:24px;border-radius:13px;padding:0 10px;background:#fff} -#sch_res_board .sch_on {background:#4162ff;color:#fff; --webkit-box-shadow:0 0 5px rgba(65,98,255,0.8); --moz-box-shadow:0 0 5px rgba(65,98,255,0.8); -box-shadow: 0 0 8px rgba(65,98,255,0.8);} +#sch_res_board a {display:block;line-height:24px;border-radius:13px;padding:0 10px;background:#fff;border:1px solid #d6e9ff;color:#6794d3} +#sch_res_board .sch_on {background:#3a8afd;color:#fff;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)} - -.sch_res_list {margin:0 0 10px;padding:10px 0} -.sch_res_list h2 {margin:0 0 10px;font-size:1.083m} -.sch_res_list ul {margin:0;padding:0;list-style:none} -.sch_res_list li {margin:0 0 10px;padding:0 10px 10px;border-bottom:1px solid #e9e9e9} +.sch_res_list {margin:0 0 10px} +.sch_res_list h2 {font-size:1.2em;background:#fff;padding:15px 20px;border-bottom:1px solid #f8f8f8} +.sch_res_list ul {margin:0;padding:10px 15px;list-style:none;background:#fff} +.sch_res_list li {padding:0 0 10px;border-bottom:1px solid #e9e9e9} +.sch_res_list li:last-child {border-bottom:0} .sch_res_list a {text-decoration:none} .sch_res_title {display:block;font-weight:bold;padding:10px 0;padding-right:30px;position:relative} -.sch_res_info{line-height:28px;border-top:1px solid #eee;padding:3px 0 0;margin: 10px 0 0;color:#666 } +.sch_res_info {line-height:28px;padding:3px 0 0;margin:10px 0 0;color:#666} .sch_res_info:after {display:block;visibility:hidden;clear:both;content:""} -.sch_res_new{position:absolute;top:10px;right:0;font-size:0.92em;color:#777;width:20px;height:20px;line-height:20px;display:block;background:#eee;text-align:center} -.sch_res_list p {margin:0 0 10px;line-height:1.4em;color:#777;font-size:0.92em} -.sch_more {padding:0 0 30px;font-size:0.92em;text-align:right } -.sch_more a{;color:#f2664f} -.sch_more i{font-size:13px} -.sch_datetime{float:right;font-style:italic} -.sch_res_info .profile_img img{border-radius:50%} \ No newline at end of file +.sch_res_list p {margin:0 0 10px;line-height:1.4em;color:#777;font-size:1em} +.sch_more {background:#fff;padding:15px 0;margin-bottom:15px;font-size:1em;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center} +.sch_more a {color:#3a8afd} +.sch_datetime {} +.sch_res_info .profile_img img {border-radius:50%} + +/* 인풀 옵션 */ +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box {position:relative} +.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70} +.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%} +.chk_box input[type="radio"]:checked + label {color:#3a8afd} +.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd} +.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%} diff --git a/mobile/skin/visit/basic/style.css b/mobile/skin/visit/basic/style.css index 26ee1ad6e..2ac59925d 100644 --- a/mobile/skin/visit/basic/style.css +++ b/mobile/skin/visit/basic/style.css @@ -1,15 +1,11 @@ @charset "utf-8"; -#visit {margin:30px 10px} -#visit h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px; --webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); --moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); -box-shadow: 0 0 8px rgba(65,98,255,0.8); } -#visit dl{background:#fff;padding:10px;border-radius:3px;line-height:20px; --webkit-box-shadow: 0 1px 4px #cbd1df; - -moz-box-shadow: 0 1px 4px #cbd1df; - box-shadow: 0 1px 4px #cbd1df;} +#visit {position:relative;margin:15px 10px;background:#fff;border:1px solid #dde7e9} +#visit h2 {line-height:24px;font-size:1.2em;margin:0 0 10px;padding:15px;border-bottom:1px solid #dde7e9} +#visit dl{background:#fff;padding:15px 20px;border-radius:3px;line-height:20px} #visit dl:after {display:block;visibility:hidden;clear:both;content:""} -#visit dt {float:left;width:50%} -#visit dd {float:left;width:50%;text-align:right} -#visit a {display:inline-block;padding:10px 3px;text-decoration:none} \ No newline at end of file +#visit dt {float:left;width:50%;position:relative;line-height:32px;padding-left:15px} +#visit dt:after {position:absolute;left:0;top:13px;width:5px;height:5px;background:#3a8afd;content:"";border-radius:5px} +#visit dd {float:left;width:50%;text-align:right;line-height:32px;color:#3a8afd} +#visit a {display:inline-block;padding:10px 3px;text-decoration:none} +#visit .btn_admin {position:absolute;top:0;right:15px} diff --git a/mobile/skin/visit/basic/visit.skin.php b/mobile/skin/visit/basic/visit.skin.php index 3e4bf3430..25ab9db51 100644 --- a/mobile/skin/visit/basic/visit.skin.php +++ b/mobile/skin/visit/basic/visit.skin.php @@ -8,7 +8,7 @@ add_stylesheet('', 0 ?> diff --git a/mobile/tail.php b/mobile/tail.php index e3c984bde..f3df10c9e 100644 --- a/mobile/tail.php +++ b/mobile/tail.php @@ -11,7 +11,6 @@ if(defined('G5_THEME_PATH')) { - @@ -24,6 +23,17 @@ if(defined('G5_THEME_PATH')) {
    Copyright © 소유하신 도메인. All rights reserved.
    +
    +

    사이트 정보

    +

    + 회사명 : 회사명 / 대표 : 대표자명
    + 주소 : OO도 OO시 OO구 OO동 123-45
    + 사업자 등록번호 : 123-45-67890
    + 전화 : 02-123-4567 팩스 : 02-123-4568
    + 통신판매업신고번호 : 제 OO구 - 123호
    + 개인정보관리책임자 : 정보책임자명
    +

    +
    @@ -36,9 +46,6 @@ if(defined('G5_THEME_PATH')) { } ?> - - - + @@ -181,12 +215,6 @@ add_stylesheet('', 0 - - - - - - diff --git a/skin/board/basic/style.css b/skin/board/basic/style.css index d85f02315..72223bca8 100644 --- a/skin/board/basic/style.css +++ b/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 {} /* 우편번호검색버튼 등 */ @@ -41,6 +41,7 @@ #bo_list .tbl_head01 td {} #bo_list .tbl_head01 a {} #bo_list td.empty_table {} +#bo_list tbody .even td {background:#fbfbfb} /* 읽기 내 테이블 */ #bo_v .tbl_head01 {} @@ -65,19 +66,15 @@ #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {} #bo_w .tbl_frm01 td {} -#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {} +#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} -/* -#bo_w .tbl_frm01 #captcha {} -#bo_w .tbl_frm01 #captcha input {} -*/ #bo_w .tbl_frm01 a {} /* 필수입력 */ #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 {} @@ -88,12 +85,12 @@ /* ### 기본 스타일 커스터마이징 끝 ### */ /* 게시판 목록 */ -#bo_list {position:relative} +#bo_list {position:relative;margin-bottom:20px} #bo_list:after {display:block;visibility:hidden;clear:both;content:""} #bo_list .td_board {width:120px;text-align:center} -#bo_list .td_chk {width:30px;text-align:center} -#bo_list .td_date {width:60px;text-align:center;font-style: italic;} -#bo_list .td_datetime {width:60px;text-align:center;font-style: italic} +#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1} +#bo_list .td_date {width:60px;text-align:center} +#bo_list .td_datetime {width:60px;text-align:center} #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} @@ -106,62 +103,89 @@ #bo_list .txt_expired {color:#ccc} #bo_list tbody tr:hover {border-left:2px solid #253dbe} -#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4} +#bo_cate {margin:25px 0} #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 } +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box {position:relative} +.chk_box input[type="checkbox"] + label {position:relative;color:#676e70} +.chk_box input[type="checkbox"] + label:hover {color:#2172f8} +.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.chk_box input[type="checkbox"]:checked + label {color:#000} +.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} + + +#bo_btn_top {margin:10px 0} #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_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_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff} +.btn_bo_user > li {position:relative} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} -.bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;} -.bo_notice td a {font-weight:bold;} +.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee} +.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 #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 #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} -.bo_notice .notice_icon{display:inline-block;background:#4158d1;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#fff} .td_num strong {color:#000} -.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */ -.bo_tit{display:block;color:#000;font-weight:bold;} +.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:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle; --webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); --moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); -box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);} +#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_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 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_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;margin-left:5px;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;margin-left:5px;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;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%} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} @@ -170,74 +194,86 @@ box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff; --webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); --moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} -#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;} -#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;} +-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} +#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent} +#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} -#autosave_pop div {text-align:center;margin:0 !important;} -#autosave_pop button {margin:0;padding:0;border:0;} +#autosave_pop div {text-align:center;margin:0 !important} +#autosave_pop button {margin:0;padding:0;border:0} #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} -.autosave_close:hover{background:#f3f3f3;color:#3597d9} +.autosave_close:hover {background:#f3f3f3;color:#3597d9} .autosave_content {display:none} -.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;} +.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_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: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 .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 .profile_img {display:none} +#bo_v_info .sv_member {color:#000} +#bo_v_info .if_date {margin:0;color:#888} -#bo_v_file {margin:10px 0;border:1px solid #d4d4d4} -#bo_v_file h2 {padding:10px;background: #f3f3f3} -#bo_v_file ul {margin:0;padding:5px 0;list-style:none} -#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 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; +-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} +#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} +#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} +#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd} #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 .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4} +#bo_v_file li:hover i {color:#3a8afd} +#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc} -#bo_v_link {margin:10px 0;border:1px solid #d4d4d4} -#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3} -#bo_v_link ul {margin:0;padding:5px 0;list-style:none} -#bo_v_link li {padding:5px 10px;position:relative;} -#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word} -#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} -.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em} + +#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; +-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} +#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} +#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} +#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd} +#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4} +#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:""} @@ -245,25 +281,23 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202); #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 {position:relative;margin:20px 0;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: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 {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;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} #bo_v_img {width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_img a.view_image{display:block} +#bo_v_img a.view_image {display:block} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden} @@ -272,99 +306,114 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202); #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_share{position:relative;margin:20px 0;text-align:right} -#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5} -#bo_v_share .btn:hover{background:#fff} -#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;} -#bo_v_share .btn_share{} -#bo_v_share .btn_share:hover{} - -.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px} -#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1} +#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;} -#bo_v_sns li {float:left;width:60px;text-align:center} -#bo_v_sns li a{height:40px;padding:10px 0;} -#bo_v_sns li .sns_f{display:block;background:#415b92} -#bo_v_sns li .sns_t{display:block;background:#35b3dc} -#bo_v_sns li .sns_g{display:block;background:#d5503a} -#bo_v_sns.show_kakao{width:240px;margin-left:-120px} -#bo_v_sns li .sns_k{display:block;background:#fbe300} -#bo_v_sns li img{vertical-align:top} +#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left} +#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em} +#bo_v_sns li img {vertical-align:middle;margin-right:5px} +#bo_v_sns li .sns_f {display:block;background:#3b5997} +#bo_v_sns li .sns_t {display:block;background:#09aeee} +#bo_v_sns li .sns_g {display:block;background:#ea4026} +#bo_v_sns li .sns_k {display:block;background:#fbe300} + +#bo_v_share {position:relative;padding:20px 0} +#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""} +#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px} +#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 span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd} +.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px} +.cmt_btn_op span.cmt_more {background-position:right -8px} +.cmt_btn b {font-size:1.2em;color:#000} +.cmt_btn span.total: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 .profile_img img{border-radius:50%} -#bo_vc header {} +#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 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;max-width:870px;width:90%} +#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 .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 .bo_vl_opt {position:absolute;top:0;right:0} -.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 {position:relative;margin:10px 0;display:block} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} -.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; --webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); --moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} -#wr_secret{} -.bo_vc_w_info{margin:10px 0;float:left} +.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; +-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); +-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); +box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)} +#wr_secret {} +.bo_vc_w_info {margin:10px 0;float:left} .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_w_info .frm_input{float:left;margin-right:5px} -.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both} -.bo_vc_w .btn_confirm{float:right;margin-top:10px} -.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;} -.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;} +.bo_vc_w_info .frm_input {float:left;margin-right:5px} +.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both} +.bo_vc_w .btn_confirm {clear:both;margin-top:10px} +.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center} +.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em} +.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important} .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} +.secret_cm {display:inline-block;float:left} -#bo_vc_send_sns{display:inline-block;float:left} +#bo_vc_send_sns {display:inline-block;float:left} #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} -#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} -#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} -#bo_vc_sns .sns_li_off{background:#bbb} -#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;} -#bo_vc_sns input {margin:0 5px 0 0 } - +#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} +#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} +#bo_vc_sns .sns_li_off {background:#bbb} +#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px} +#bo_vc_sns input {margin:0 5px 0 0} /*글쓰기*/ -#bo_w .write_div{margin:10px 0;position:relative} +#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0} +#bo_w .bo_v_option li label {vertical-align:baseline} +#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px} +#bo_w .write_div {margin:10px 0;position:relative} +#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""} #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 .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 .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 .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_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;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;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 {position:relative;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 #d0d3db;width:100%;height:40px;border-radius:3px} \ No newline at end of file diff --git a/skin/board/basic/view.skin.php b/skin/board/basic/view.skin.php index bd5961218..7e9bab2a3 100644 --- a/skin/board/basic/view.skin.php +++ b/skin/board/basic/view.skin.php @@ -25,15 +25,67 @@ add_stylesheet('', 0

    페이지 정보

    - 작성자 - 댓글 건 - 조회 회 - 작성일 +
    +
    +
    + 작성자
    + 댓글 건 + 조회 회 + 작성일 +
    +
    + +
    + + + + + +
    +

    본문

    +
    + + 스크랩 +
    ', 0
    - 추천 + 추천 - 비추천 + 비추천 @@ -80,8 +132,8 @@ add_stylesheet('', 0 if($board['bo_use_good'] || $board['bo_use_nogood']) { ?>
    - 추천 - 비추천 + 추천 + 비추천
    ', 0
    -
    - 스크랩 - - -
    - ', 0 $cnt++; } } - ?> + ?> @@ -119,11 +163,11 @@ add_stylesheet('', 0 if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) { ?>
  • - + - + () - () +
    회 다운로드 | DATE :
    • ', 0 - + - - -
    - - - - - - - - - - -
    - + + + + - - + ?> @@ -256,19 +273,6 @@ $(function() { // 이미지 리사이즈 $("#bo_v_atc").viewimageresize(); - - //sns공유 - $(".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"); - } - }); }); function excute_good(href, $el, $tx) diff --git a/skin/board/basic/view_comment.skin.php b/skin/board/basic/view_comment.skin.php index d956bc5e6..ed815b3e1 100644 --- a/skin/board/basic/view_comment.skin.php +++ b/skin/board/basic/view_comment.skin.php @@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 var char_min = parseInt(); // 최소 var char_max = parseInt(); // 최대 - +

    댓글목록

    @@ -24,56 +24,78 @@ var char_max = parseInt(); // 최대 */ $comment = preg_replace("/\[\\]/i", "", $comment); $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결 - ?> + ?> -
    style="margin-left:px;border-top-color:#e0e0e0"> -
    -

    님의 댓글의 댓글

    - - - 아이피 - () - - 작성일 - - -
    +
    style="margin-left:px;border-top-color:#e0e0e0"> +
    + +
    - -
    -

    - 비밀글 - -

    - -
      -
    • 답변
      • -
    • 수정
      • -
    • 삭제
      • +
      +

      님의 댓글의 댓글

      + + + 아이피 + () + + 작성일 + + +
      + + +
      +

      + 비밀글 + +

      + + +
      + + + + " id="secret_comment_"> + +
    +
    + + -
    - - - - " id="secret_comment_"> - - +

    등록된 댓글이 없습니다.

    @@ -121,7 +143,7 @@ var char_max = parseInt(); // 최대 " id="wr_name" required class="frm_input required" size="25" placeholder="이름"> - + @@ -136,9 +158,11 @@ var char_max = parseInt(); // 최대
    - - - + + + + +
    diff --git a/skin/board/basic/write.skin.php b/skin/board/basic/write.skin.php index e9bf28139..c62eca526 100644 --- a/skin/board/basic/write.skin.php +++ b/skin/board/basic/write.skin.php @@ -24,39 +24,35 @@ add_stylesheet('', 0 '."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } - if ($is_html) { if ($is_dhtml_editor) { $option_hidden .= ''; } else { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - if ($is_secret) { if ($is_admin || $is_secret==1) { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } else { $option_hidden .= ''; } } - if ($is_mail) { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - echo $option_hidden; ?>
    - + - - - - - class="frm_input " placeholder="비밀번호"> - - - - - - -
    - - -
    - - -
    - - + + + + + + + + class="frm_input half_input " placeholder="비밀번호"> + + + + + + + + + + + + + +
    옵션 +
      +
    -
    +
    @@ -133,14 +130,14 @@ add_stylesheet('', 0
    - " id="wr_link" class="frm_input full_input" size="50"> + " id="wr_link" class="frm_input full_input" size="50">
    - +
    @@ -163,10 +160,9 @@ add_stylesheet('', 0
    -
    취소 - +
    diff --git a/skin/board/gallery/img/btn_close.gif b/skin/board/gallery/img/btn_close.gif deleted file mode 100644 index 040b180ac..000000000 Binary files a/skin/board/gallery/img/btn_close.gif and /dev/null differ diff --git a/skin/board/gallery/img/btn_next2.gif b/skin/board/gallery/img/btn_next2.gif deleted file mode 100644 index 9ec94650a..000000000 Binary files a/skin/board/gallery/img/btn_next2.gif and /dev/null differ diff --git a/skin/board/gallery/img/btn_prev2.gif b/skin/board/gallery/img/btn_prev2.gif deleted file mode 100644 index 827e7be43..000000000 Binary files a/skin/board/gallery/img/btn_prev2.gif and /dev/null differ diff --git a/skin/board/gallery/img/cmt_btn.png b/skin/board/gallery/img/cmt_btn.png deleted file mode 100644 index 202f1ff47..000000000 Binary files a/skin/board/gallery/img/cmt_btn.png and /dev/null differ diff --git a/skin/board/gallery/img/facebook.png b/skin/board/gallery/img/facebook.png deleted file mode 100644 index aa73c864c..000000000 Binary files a/skin/board/gallery/img/facebook.png and /dev/null differ diff --git a/skin/board/gallery/img/gplus.png b/skin/board/gallery/img/gplus.png deleted file mode 100644 index 45bdf4396..000000000 Binary files a/skin/board/gallery/img/gplus.png and /dev/null differ diff --git a/skin/board/gallery/img/icon_bad.png b/skin/board/gallery/img/icon_bad.png deleted file mode 100644 index e568b1d83..000000000 Binary files a/skin/board/gallery/img/icon_bad.png and /dev/null differ diff --git a/skin/board/gallery/img/icon_comment.png b/skin/board/gallery/img/icon_comment.png deleted file mode 100644 index c7e3acbf9..000000000 Binary files a/skin/board/gallery/img/icon_comment.png and /dev/null differ diff --git a/skin/board/gallery/img/icon_file.gif b/skin/board/gallery/img/icon_file.gif deleted file mode 100644 index 244af004d..000000000 Binary files a/skin/board/gallery/img/icon_file.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_good.png b/skin/board/gallery/img/icon_good.png deleted file mode 100644 index 69841a134..000000000 Binary files a/skin/board/gallery/img/icon_good.png and /dev/null differ diff --git a/skin/board/gallery/img/icon_hot.gif b/skin/board/gallery/img/icon_hot.gif deleted file mode 100644 index 4e8d7ff1b..000000000 Binary files a/skin/board/gallery/img/icon_hot.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_img.gif b/skin/board/gallery/img/icon_img.gif deleted file mode 100644 index fefa10d4a..000000000 Binary files a/skin/board/gallery/img/icon_img.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_link.gif b/skin/board/gallery/img/icon_link.gif deleted file mode 100644 index e9cb9559c..000000000 Binary files a/skin/board/gallery/img/icon_link.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_movie.gif b/skin/board/gallery/img/icon_movie.gif deleted file mode 100644 index cb958f83f..000000000 Binary files a/skin/board/gallery/img/icon_movie.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_new.gif b/skin/board/gallery/img/icon_new.gif deleted file mode 100644 index 73fa06a8f..000000000 Binary files a/skin/board/gallery/img/icon_new.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_share.png b/skin/board/gallery/img/icon_share.png deleted file mode 100644 index 6d64f625a..000000000 Binary files a/skin/board/gallery/img/icon_share.png and /dev/null differ diff --git a/skin/board/gallery/img/icon_sound.gif b/skin/board/gallery/img/icon_sound.gif deleted file mode 100644 index c5188318a..000000000 Binary files a/skin/board/gallery/img/icon_sound.gif and /dev/null differ diff --git a/skin/board/gallery/img/icon_view.png b/skin/board/gallery/img/icon_view.png deleted file mode 100644 index ea76f5442..000000000 Binary files a/skin/board/gallery/img/icon_view.png and /dev/null differ diff --git a/skin/board/gallery/img/sch_bg.png b/skin/board/gallery/img/sch_bg.png deleted file mode 100644 index 729178d8e..000000000 Binary files a/skin/board/gallery/img/sch_bg.png and /dev/null differ diff --git a/skin/board/gallery/img/sch_btn.png b/skin/board/gallery/img/sch_btn.png deleted file mode 100644 index 94f98db8f..000000000 Binary files a/skin/board/gallery/img/sch_btn.png and /dev/null differ diff --git a/skin/board/gallery/img/twitter.png b/skin/board/gallery/img/twitter.png deleted file mode 100644 index a5452f253..000000000 Binary files a/skin/board/gallery/img/twitter.png and /dev/null differ diff --git a/skin/board/gallery/list.skin.php b/skin/board/gallery/list.skin.php index e20e146fd..79337530b 100644 --- a/skin/board/gallery/list.skin.php +++ b/skin/board/gallery/list.skin.php @@ -19,6 +19,15 @@ add_stylesheet('', 0 +
    + + + + + + + +
    @@ -29,28 +38,36 @@ add_stylesheet('', 0
    - - - - - - - - - - -
    - - +
    + +
    @@ -72,19 +89,23 @@ add_stylesheet('', 0 ?>
  • -
    - - - - - - 열람중"; - else - echo $list[$i]['num']; - ?> - +
    + + + + + + + 열람중"; + else + echo $list[$i]['num']; + ?> +
    @@ -107,34 +128,36 @@ add_stylesheet('', 0
    - + - - 댓글+ 개 + + + + + '; } - - if (isset($list[$i]['icon_new'])) echo rtrim($list[$i]['icon_new']); + if ($list[$i]['icon_new']) echo "N새글"; if (isset($list[$i]['icon_hot'])) echo rtrim($list[$i]['icon_hot']); //if (isset($list[$i]['icon_file'])) echo rtrim($list[$i]['icon_file']); //if (isset($list[$i]['icon_link'])) echo rtrim($list[$i]['icon_link']); if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']); - ?> + ?> + 댓글개 +
    -
    - 작성자 -
    +
    - 조회 - 추천 - 비추천 + 작성자 작성일 + 조회 +
    +
    + 추천 + 비추천
    @@ -142,42 +165,56 @@ add_stylesheet('', 0 게시물이 없습니다.
    • "; } ?> - - + + + + + +
    +
  • 관리자
    • +
  • RSS
    • +
  • 글쓰기
    • +
    - + - - -
    - 게시물 검색 -
    - - - - - - - - -
    -
    - + +
    +
    +

    검색

    +
    + + + + + + +
    + + +
    + +
    +
    +
    +
    + +
    @@ -186,10 +223,6 @@ add_stylesheet('', 0 - - - - diff --git a/skin/board/gallery/style.css b/skin/board/gallery/style.css index cb38ea31f..ee9ddd2f3 100644 --- a/skin/board/gallery/style.css +++ b/skin/board/gallery/style.css @@ -1,5 +1,4 @@ @charset "utf-8"; -/* SIR 지운아빠 */ /* ### 기본 스타일 커스터마이징 시작 ### */ @@ -22,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 {} /* 우편번호검색버튼 등 */ @@ -55,19 +54,15 @@ #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {} #bo_w .tbl_frm01 td {} -#bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {} +#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} -/* -#bo_w .tbl_frm01 #captcha {} -#bo_w .tbl_frm01 #captcha input {} -*/ #bo_w .tbl_frm01 a {} /* 필수입력 */ #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 {} @@ -78,104 +73,140 @@ /* ### 기본 스타일 커스터마이징 끝 ### */ /* 게시판 목록 */ -#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4} +#bo_cate {margin:25px 0} #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:3px} +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box {position:relative} +.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70;vertical-align:baseline} +.chk_box input[type="checkbox"] + label:hover{color:#2172f8} +.chk_box input[type="checkbox"] + label span {position:absolute;top:10px;left:10px;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.chk_box input[type="checkbox"]:checked + label {color:#000} +.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} +.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0} + + /* 갤러리 목록 */ #bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1} #bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""} -#bo_gall .gall_box {position:relative;margin:0 0 30px 0;border:1px solid #ccc;background:#fff;border-radius:0 0 2px 2px} -#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;} +#bo_gall .gall_li {} +#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px} +#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px} -.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;} -.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%} -.gall_row .col-gn-2{width:50%} -.gall_row .col-gn-3{width:33.33333333%} -.gall_row .col-gn-4{width:25%} -.gall_row .col-gn-5{width:20%} -.gall_row .col-gn-6{width:16.66666667%} -.gall_row .col-gn-7{width:14.28571428%} -.gall_row .col-gn-8{width:12.5%} -.gall_row .col-gn-9{width:11.11111111%} -.gall_row .col-gn-10{width:10%} +.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} +.gall_row .col-gn-0,.latest_row .col-gn-1 {width:100%} +.gall_row .col-gn-2 {width:50%} +.gall_row .col-gn-3 {width:33.33333333%} +.gall_row .col-gn-4 {width:25%} +.gall_row .col-gn-5 {width:20%} +.gall_row .col-gn-6 {width:16.66666667%} +.gall_row .col-gn-7 {width:14.28571428%} +.gall_row .col-gn-8 {width:12.5%} +.gall_row .col-gn-9 {width:11.11111111%} +.gall_row .col-gn-10 {width:10%} -.gall_row .box_clear{clear:both} +.gall_row .box_clear {clear:both} #bo_gall .gall_now .gall_text_href a {color:#ff3061} #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none} -#bo_gall .gall_img{border-bottom:1px solid #eee;text-align:center} -#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block} -#bo_gall .gall_img img{max-width:100%;height:auto !important} -#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777} +#bo_gall .gall_img {border-bottom:1px solid #eee;text-align:center;max-height:200px;overflow:hidden} +#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block} +#bo_gall .gall_img img {max-width:100%;height:auto !important} +#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777} -#bo_gall .gall_text_href {margin:10px} +#bo_gall .gall_text_href {margin:10px 0} #bo_gall .gall_text_href a {font-weight:bold} #bo_gall .gall_text_href img {margin:0 0 0 4px} -#bo_gall .bo_tit{display:block;font-weight:bold;color:#000;font-size:1.083em} -#bo_gall .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle; --webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); --moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); -box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);} -#bo_gall .profile_img img{border-radius:50%} -#bo_gall .gall_name{margin:10px} +#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em} +#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle} -#bo_gall .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_gall .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_gall .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} -#bo_gall .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px} -#bo_gall .bo_tit .hot_icon{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} -#bo_gall .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;} +#bo_gall .bo_cnt {color:#acacac;line-height:18px} +#bo_gall .profile_img img {border-radius:50%} +#bo_gall .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_gall .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_gall .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;margin-right:2px} +#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline} +#bo_gall .bo_tit .hot_icon {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} +#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle} +#bo_gall .gall_info {line-height:1.5em;line-height:20px} +#bo_gall .gall_info strong {display:inline-block;margin:0} +#bo_gall .gall_info i {font-size:12px} +#bo_gall .gall_info .gall_date, +#bo_gall .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777} + +#bo_gall .gall_option {position:absolute;top:170px;left:10px} +#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} -#bo_gall .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px} -#bo_gall .gall_info strong{ display:inline-block;margin:0 0 0 10px } -#bo_gall .gall_info i{font-size:12px} -#bo_gall .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777;} /* 게시판 목록 공통 */ -#bo_btn_top{margin: 10px 0} +#bo_btn_top {margin:10px 0} #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_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_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff} +.btn_bo_user > li {position:relative} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} -.bo_notice td {background:#f5f6fa} +.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee} .bo_notice td a {font-weight:bold} -.bo_notice .notice_icon{display:inline-block;background:#ed6478;padding:0 3px;line-height:20px;font-weight:normal;font-size:0.92em;color:#fff} +.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 #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 #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 {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */ +.bo_cate_link {display:inline-block;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_current {color:#e8180c} #bo_list .profile_img {display:inline-block;margin-right:5px} -#bo_list .profile_img img{border-radius:50%} +#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;font-size:0.86em} -#bo_sch {float:left;border:1px solid #ccc;border-radius:3px;margin:0 0 20px;background:#fff} -#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:url('./img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden} - #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: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;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%} + /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} @@ -184,68 +215,82 @@ box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff; --webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); --moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} -#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;} -#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;} +-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); +box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} +#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent} +#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} -#autosave_pop div {text-align:center;margin:0 !important;} -#autosave_pop button {margin:0;padding:0;border:0;} +#autosave_pop div {text-align:center;margin:0 !important} +#autosave_pop button {margin:0;padding:0;border:0} #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} -.autosave_close:hover{background:#f3f3f3;color:#3597d9} +.autosave_close:hover {background:#f3f3f3;color:#3597d9} .autosave_content {display:none} -.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;} +.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_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: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 .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 .profile_img {display:none} +#bo_v_info .sv_member {color:#000} +#bo_v_info .if_date {margin:0;color:#888} -#bo_v_file {margin:10px 0;border:1px solid #d4d4d4} -#bo_v_file h2 {padding:10px;background: #f3f3f3} -#bo_v_file ul {margin:0;padding:5px 0;list-style:none} -#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 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; +-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} +#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} +#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} +#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd} #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 .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4} +#bo_v_file li:hover i {color:#3a8afd} +#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc} + + +#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_file ul {margin:0;list-style:none} +#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px; +-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); +box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)} +#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px} +#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000} +#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd} +#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em} +#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4} +#bo_v_link li:hover i {color:#3a8afd} +#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc} -#bo_v_link {margin:10px 0;border:1px solid #d4d4d4} -#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3} -#bo_v_link ul {margin:0;padding:5px 0;list-style:none} -#bo_v_link li {padding:5px 10px;position:relative;} -#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word} -#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} -.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em} #bo_v_top {zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} @@ -258,25 +303,23 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);} #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: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 {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;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} #bo_v_img {width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_img a.view_image{display:block} +#bo_v_img a.view_image {display:block} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden} @@ -285,99 +328,115 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);} #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_share{position:relative;margin:20px 0;text-align:right} -#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5} -#bo_v_share .btn:hover{background:#fff} -#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;} -#bo_v_share .btn_share{} -#bo_v_share .btn_share:hover{} - -.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px} -#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1} +#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} -#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;} -#bo_v_sns li {float:left;width:60px;text-align:center} -#bo_v_sns li a{height:40px;padding:10px 0;} -#bo_v_sns li .sns_f{display:block;background:#415b92} -#bo_v_sns li .sns_t{display:block;background:#35b3dc} -#bo_v_sns li .sns_g{display:block;background:#d5503a} -#bo_v_sns.show_kakao{width:240px;margin-left:-120px} -#bo_v_sns li .sns_k{display:block;background:#fbe300} -#bo_v_sns li img{vertical-align:top} +#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left} +#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em} +#bo_v_sns li img {vertical-align:middle;margin-right:5px} +#bo_v_sns li .sns_f {display:block;background:#3b5997} +#bo_v_sns li .sns_t {display:block;background:#09aeee} +#bo_v_sns li .sns_g {display:block;background:#ea4026} +#bo_v_sns li .sns_k {display:block;background:#fbe300} + +#bo_v_share {position:relative;padding:20px 0} +#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""} +#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px} +#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;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 span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd} +.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px} +.cmt_btn_op span.cmt_more {background-position:right -8px} +.cmt_btn b {font-size:1.2em;color:#000} +.cmt_btn span.total: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 .profile_img img{border-radius:50%} -#bo_vc header {} +#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 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;max-width:870px;width:90%} +#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 .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 .bo_vl_opt {position:absolute;top:0;right:0} -.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 {position:relative;margin:10px 0;display:block} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} -.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; --webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); --moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} -#wr_secret{} -.bo_vc_w_info{margin:10px 0;float:left} +.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; +-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); +-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); +box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)} +#wr_secret {} +.bo_vc_w_info {margin:10px 0;float:left} .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} -.bo_vc_w_info .frm_input{float:left;margin-right:5px} -.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both} -.bo_vc_w .btn_confirm{float:right;margin-top:10px} -.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;} -.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;} +.bo_vc_w_info .frm_input {float:left;margin-right:5px} +.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both} +.bo_vc_w .btn_confirm {clear:both;margin-top:10px} +.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center} +.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em} +.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important} .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} +.secret_cm {display:inline-block;float:left} -#bo_vc_send_sns{display:inline-block;float:left} +#bo_vc_send_sns {display:inline-block;float:left} #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} -#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} -#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} -#bo_vc_sns .sns_li_off{background:#bbb} -#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;} -#bo_vc_sns input {margin:0 5px 0 0 } +#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} +#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} +#bo_vc_sns .sns_li_off {background:#bbb} +#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px} +#bo_vc_sns input {margin:0 5px 0 0} /*글쓰기*/ -#bo_w .write_div{margin:10px 0;position:relative} +#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0} +#bo_w .bo_v_option li label {vertical-align:baseline} +#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px} +#bo_w .write_div {margin:10px 0;position:relative} +#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""} #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 .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 .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 .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_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;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;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 {position:relative;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 #d0d3db;width:100%;height:40px;border-radius:3px} \ No newline at end of file diff --git a/skin/board/gallery/view.skin.php b/skin/board/gallery/view.skin.php index bd5961218..4532af836 100644 --- a/skin/board/gallery/view.skin.php +++ b/skin/board/gallery/view.skin.php @@ -25,15 +25,67 @@ add_stylesheet('', 0

    페이지 정보

    - 작성자 - 댓글 건 - 조회 회 - 작성일 +
    +
    +
    + 작성자
    + 댓글 건 + 조회 회 + 작성일 +
    +
    + +
    + + + + + +
    +

    본문

    +
    + + 스크랩 +
    ', 0
    - 추천 + 추천 - 비추천 + 비추천 @@ -80,8 +132,8 @@ add_stylesheet('', 0 if($board['bo_use_good'] || $board['bo_use_nogood']) { ?>
    - 추천 - 비추천 + 추천 + 비추천
    ', 0
    -
    - 스크랩 - - -
    - ', 0 $cnt++; } } - ?> + ?> @@ -119,11 +163,11 @@ add_stylesheet('', 0 if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) { ?>
  • - + - + () - () +
    회 다운로드 | DATE :
    • ', 0 - + - - -
    - - - - - - - -
      -
    • 이전글
      • -
    • 다음글
      • -
    - - -
    - + + +
      +
    • 이전글
      • +
    • 다음글
      • +
    + - - + ?>
    @@ -256,19 +273,6 @@ $(function() { // 이미지 리사이즈 $("#bo_v_atc").viewimageresize(); - - //sns공유 - $(".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"); - } - }); }); function excute_good(href, $el, $tx) diff --git a/skin/board/gallery/view_comment.skin.php b/skin/board/gallery/view_comment.skin.php index a372ff01f..346ba5461 100644 --- a/skin/board/gallery/view_comment.skin.php +++ b/skin/board/gallery/view_comment.skin.php @@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 var char_min = parseInt(); // 최소 var char_max = parseInt(); // 최대 - +

    댓글목록

    @@ -24,56 +24,79 @@ var char_max = parseInt(); // 최대 */ $comment = preg_replace("/\[\\]/i", "", $comment); $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결 - ?> + ?> -
    style="margin-left:px;border-top-color:#e0e0e0"> -
    -

    님의 댓글의 댓글

    - - - 아이피 - () - - 작성일 - - -
    +
    style="margin-left:px;border-top-color:#e0e0e0"> +
    + +
    - -
    -

    - 비밀글 - -

    - -
      -
    • 답변
      • -
    • 수정
      • -
    • 삭제
      • +
      +

      님의 댓글의 댓글

      + + + 아이피 + () + + 작성일 + + +
      + + +
      +

      + 비밀글 + +

      + + +
      + + + + " id="secret_comment_"> + +
    +
    + + -
    - - - - " id="secret_comment_"> - - +

    등록된 댓글이 없습니다.

    @@ -121,7 +144,7 @@ var char_max = parseInt(); // 최대 " id="wr_name" required class="frm_input required" size="25" placeholder="이름"> - + @@ -136,9 +159,11 @@ var char_max = parseInt(); // 최대
    - - - + + + + +
    diff --git a/skin/board/gallery/write.skin.php b/skin/board/gallery/write.skin.php index df1e33811..3e3617db6 100644 --- a/skin/board/gallery/write.skin.php +++ b/skin/board/gallery/write.skin.php @@ -24,39 +24,35 @@ add_stylesheet('', 0 '."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } - if ($is_html) { if ($is_dhtml_editor) { $option_hidden .= ''; } else { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - if ($is_secret) { if ($is_admin || $is_secret==1) { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } else { $option_hidden .= ''; } } - if ($is_mail) { - $option .= "\n".''."\n".''; + $option .= PHP_EOL.'
  • '.PHP_EOL.'
    • '; } } - echo $option_hidden; ?>
    - + - - - - - class="frm_input " placeholder="비밀번호"> - - - - - - -
    - - -
    - - -
    - - + + + + + + + + class="frm_input half_input " placeholder="비밀번호"> + + + + + + + + + + + + +
    옵션 +
      +
    -
    +
    @@ -112,7 +107,6 @@ add_stylesheet('', 0
    -
    @@ -131,18 +125,17 @@ add_stylesheet('', 0
    -
    - " id="wr_link" class="frm_input full_input" size="50"> + " id="wr_link" class="frm_input full_input" size="50">
    - +
    @@ -165,10 +158,9 @@ add_stylesheet('', 0
    -
    취소 - +
    diff --git a/skin/connect/basic/current_connect.skin.php b/skin/connect/basic/current_connect.skin.php index ce482bb2e..a71789da3 100644 --- a/skin/connect/basic/current_connect.skin.php +++ b/skin/connect/basic/current_connect.skin.php @@ -16,17 +16,13 @@ add_stylesheet('', // 이 조건문은 가능한 변경하지 마십시오. if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "".$location.""; else $display_location = $location; - - $classes = array(); - if( $i && ($i % 4 == 0) ){ - $classes[] = 'box_clear'; - } ?> -
  • -
    - -
    - +
  • + + +
    + +
    • img {width:45px;height:45px;border-radius:50%} +#current_connect .crt_info {float:left;margin-top:5px} +#current_connect .crt_name {display:block} +#current_connect .sv_member {font-weight:bold;line-height:20px;font-size:1.2em} +#current_connect .profile_img {display:none} +#current_connect .crt_lct {display:block} +#current_connect .crt_lct a {color:#797979} +#current_connect li.empty_li {width:100%;padding:200px 0;border:0;color:#666;text-align:center} \ No newline at end of file diff --git a/skin/content/basic/style.css b/skin/content/basic/style.css index 225b60f1a..556a4fd97 100644 --- a/skin/content/basic/style.css +++ b/skin/content/basic/style.css @@ -5,5 +5,6 @@ .ctt_admin {text-align:right} #ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ctt_con {padding:10px 0;line-height:1.6em} -#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto} -.ctt_img {text-align:center} \ No newline at end of file +#ctt_con img{max-width:100%;height:auto} +.ctt_img {text-align:center} + diff --git a/skin/faq/basic/list.skin.php b/skin/faq/basic/list.skin.php index e0c1b4f7f..88cbd10a2 100644 --- a/skin/faq/basic/list.skin.php +++ b/skin/faq/basic/list.skin.php @@ -3,9 +3,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨 add_stylesheet('', 0); - -if ($admin_href) - echo '
    FAQ 수정
    '; ?> @@ -19,17 +16,15 @@ echo '
    '.conv_content($fm['fm_head_html'], 1).'
    ';
    FAQ 검색 -
    FAQ 검색 - +
    - @@ -66,11 +61,13 @@ if( count($faq_master_list) ){ continue; ?>
  • -

    Q

    +

    + Q + +

    - A -
    +
    • FAQ 수정'; + echo '
    FAQ 수정
    '; ?> @@ -120,12 +117,14 @@ $(function() { }); function faq_open(el) -{ +{ + $("h3").on("click", function() { + $(this).addClass("faq_li_open"); + }); var $con = $(el).closest("li").find(".con_inner"); if($con.is(":visible")) { $con.slideUp(); - } else { $("#faq_con .con_inner:visible").css("display", "none"); diff --git a/skin/faq/basic/style.css b/skin/faq/basic/style.css index 3c3ce0bbb..8a02508bb 100644 --- a/skin/faq/basic/style.css +++ b/skin/faq/basic/style.css @@ -1,27 +1,33 @@ @charset "utf-8"; -#bo_cate {margin:15px 0 10px} + +#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 {zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} -#bo_cate li {display:inline-block;} -#bo_cate a {display:block;border:1px solid #dadada;background:#fff;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px} -#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3} -#bo_cate #bo_cate_on {z-index:2;border:1px solid #253dbe;color:#253dbe;font-weight:bold} +#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)} #faq_wrap {margin:10px 0 30px} #faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .faq_admin {text-align:right} #faq_wrap ol {margin:0;padding:0;list-style:none} -#faq_wrap li{border:1px solid #ddd;background:#fff;margin:5px 0;} -#faq_wrap li h3{min-height:50px;line-height:30px;padding:10px;padding-left:50px;position:relative} -#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px} -#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:50px;position:relative;background: #f7f7f7;} -#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px} -#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;} -#faq_con .con_closer{text-align:right} +#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative} +#faq_wrap li:first-child {border-top:1px solid #ececec} +#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative} +#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em} +#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em} +#faq_wrap li h3.faq_li_open a {color:#3a8afd} -#faq_sch {text-align:center;border:1px solid #ccc;background:#fff;;padding:30px;margin:10px 0} -#faq_sch form{display:inline-block;position:relative} -#faq_sch .sch_tit{font-size:20px;font-weight:bold;display:inline-block;margin-right:10px;vertical-align:middle} -#faq_sch .frm_input{border-color:#646982;border-radius:0;width:300px} -#faq_sch .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#253dbe;} +#faq_con .con_inner {display:none;padding:5px 5px 20px 50px} +#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px} +#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em} + +#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px} +#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} +#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px} +#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54} diff --git a/skin/latest/basic/img/icon_file.gif b/skin/latest/basic/img/icon_file.gif deleted file mode 100644 index 244af004d..000000000 Binary files a/skin/latest/basic/img/icon_file.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_hot.gif b/skin/latest/basic/img/icon_hot.gif deleted file mode 100644 index 2936de662..000000000 Binary files a/skin/latest/basic/img/icon_hot.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_img.gif b/skin/latest/basic/img/icon_img.gif deleted file mode 100644 index 3ba495d05..000000000 Binary files a/skin/latest/basic/img/icon_img.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_link.gif b/skin/latest/basic/img/icon_link.gif deleted file mode 100644 index e9cb9559c..000000000 Binary files a/skin/latest/basic/img/icon_link.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_lock.png b/skin/latest/basic/img/icon_lock.png deleted file mode 100644 index 2a083a51d..000000000 Binary files a/skin/latest/basic/img/icon_lock.png and /dev/null differ diff --git a/skin/latest/basic/img/icon_mobile.gif b/skin/latest/basic/img/icon_mobile.gif deleted file mode 100644 index 43189ffae..000000000 Binary files a/skin/latest/basic/img/icon_mobile.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_more.gif b/skin/latest/basic/img/icon_more.gif deleted file mode 100644 index 7cdf200a7..000000000 Binary files a/skin/latest/basic/img/icon_more.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_movie.gif b/skin/latest/basic/img/icon_movie.gif deleted file mode 100644 index cb958f83f..000000000 Binary files a/skin/latest/basic/img/icon_movie.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_new.gif b/skin/latest/basic/img/icon_new.gif deleted file mode 100644 index 45aa6d7ed..000000000 Binary files a/skin/latest/basic/img/icon_new.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_sound.gif b/skin/latest/basic/img/icon_sound.gif deleted file mode 100644 index c5188318a..000000000 Binary files a/skin/latest/basic/img/icon_sound.gif and /dev/null differ diff --git a/skin/latest/basic/img/icon_view.png b/skin/latest/basic/img/icon_view.png deleted file mode 100644 index ea76f5442..000000000 Binary files a/skin/latest/basic/img/icon_view.png and /dev/null differ diff --git a/skin/latest/basic/img/more-btn.gif b/skin/latest/basic/img/more-btn.gif deleted file mode 100644 index fa4c87331..000000000 Binary files a/skin/latest/basic/img/more-btn.gif and /dev/null differ diff --git a/skin/latest/basic/img/more_bg.gif b/skin/latest/basic/img/more_bg.gif deleted file mode 100644 index 19aab13a3..000000000 Binary files a/skin/latest/basic/img/more_bg.gif and /dev/null differ diff --git a/skin/latest/basic/latest.skin.php b/skin/latest/basic/latest.skin.php index 2671779af..ca775c519 100644 --- a/skin/latest/basic/latest.skin.php +++ b/skin/latest/basic/latest.skin.php @@ -3,7 +3,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨 add_stylesheet('', 0); -add_javascript('', 10); ?>
    @@ -14,40 +13,37 @@ add_javascript('', 10); 비밀글 "; - if ($list[$i]['icon_new']) echo "N새글"; - - if ($list[$i]['icon_hot']) echo "H인기글"; - - echo " "; if ($list[$i]['is_notice']) echo "".$list[$i]['subject'].""; else echo $list[$i]['subject']; - - echo ""; - + + if ($list[$i]['icon_hot']) echo "인기글"; + if ($list[$i]['icon_new']) echo "N새글"; // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; } // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; } - //echo $list[$i]['icon_reply']." "; - // if ($list[$i]['icon_file']) echo " " ; - //if ($list[$i]['icon_link']) echo " " ; + echo $list[$i]['icon_reply']." "; + if ($list[$i]['icon_file']) echo " " ; + if ($list[$i]['icon_link']) echo " " ; if ($list[$i]['comment_cnt']) echo " - + ".$list[$i]['comment_cnt'].""; + 댓글".$list[$i]['comment_cnt'].""; ?> - - +
    + + +
  • 게시물이 없습니다.
    • - 더보기 + 더보기
    diff --git a/skin/latest/basic/style.css b/skin/latest/basic/style.css index efe1e874f..dc2b0f8d3 100644 --- a/skin/latest/basic/style.css +++ b/skin/latest/basic/style.css @@ -1,26 +1,29 @@ @charset "utf-8"; + /* 새글 스킨 (latest) */ +.lat {position:relative;margin-bottom:20px;overflow:hidden;background:#fff} +.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe} +.lat .lat_title a {position:relative;color:#000;display:inline-block} -.lat {position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff} -.lat .lat_title {display:block;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc} -.lat .lat_title a{color:#253dbe;display:inline-block;position:relative} -.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''} -.lat ul{padding:15px 20px} -.lat li {position:relative;line-height:18px;padding:3px 0;padding-right:50px;padding-left:10px} -.lat li:before{position: absolute;top: 12px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;} -.lat li a:hover{color:#a22121} -.lat li .fa-heart{color:#ff0000;} -.lat li .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} -.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;} -.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;} -.lat li .fa-caret-right{color:#bbb} -.lat .lt_date{position:absolute;top:3px;right:0;color:#888} -.lat .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;} -.lat .empty_li:before{background:none;padding:0} +.lat ul {padding:10px 0} +.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px} +.lat li a {line-height:24px;font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle} +.lat li a:hover {color:#3a8afd} +.lat li .fa-heart {color:#ff0000} +.lat li .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} +.lat li .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} +.lat li .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} +.lat li .fa-caret-right {color:#bbb} +.lat li .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} +.lat li .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} -.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px; --webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); --moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); -box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);} -.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} -.lat .lt_more:hover{color:#777} \ No newline at end of file +.lt_info {padding:10px 0} +.lt_info .lt_nick {} +.lt_info .lt_date {color:#888} + +.lat .empty_li {line-height:145px;color:#666;text-align:center;padding:0} +.lat .empty_li:before {background:none;padding:0} + +.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle} +.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center} +.lat .lt_more:hover {color:#777} \ No newline at end of file diff --git a/skin/latest/notice/latest.skin.php b/skin/latest/notice/latest.skin.php index d994b10f3..eb0c06605 100644 --- a/skin/latest/notice/latest.skin.php +++ b/skin/latest/notice/latest.skin.php @@ -6,8 +6,8 @@ add_stylesheet('', add_javascript('', 10); ?> -
    -

    +
    +

    • @@ -39,15 +39,4 @@ add_javascript('', 10);
    • 게시물이 없습니다.
    -
    - - - \ No newline at end of file diff --git a/skin/latest/notice/style.css b/skin/latest/notice/style.css index 3867cde8e..414de8594 100644 --- a/skin/latest/notice/style.css +++ b/skin/latest/notice/style.css @@ -1,16 +1,12 @@ @charset "utf-8"; -/* 새글 스킨 (latest) */ -.notice {position:relative;padding:15px 50px;border-bottom:1px solid #d0d6e4} -.notice li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} -.notice li a:hover{color:#a22121} -.notice li .lock_icon{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;vertical-align:top} -.notice li .new_icon{display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:top} -.notice .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;margin-left:5px; --webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); --moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); -box-shadow: inset 0 2px 5px rgba(255,255,255,0.4)} -.notice h2{position:absolute;top:50%;left:10px;margin-top:-15px;left:5;line-height:30px} -.notice h2 a{display:inline-block;width:30px;line-height:30px;border-radius:25px;background:#4158d1;color:#fff;text-align:center;color:#fff} -.notice .bx-next{position:absolute;top:50%;right:10px;;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px} -.notice .bx-prev{position:absolute;top:50%;right:35px;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px} +/* 새글 스킨 (latest) */ +.notice {position:relative;padding:15px 50px} +.notice h2 {margin-bottom:20px} +.notice h2 a {font-size:1.2em;color:#fff} +.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #343434} +.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block} +.notice li .lock_icon {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;vertical-align:baseline} +.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline} +.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px} +.notice li.empty_li {border-bottom:0;line-height:120px} diff --git a/skin/latest/pic_basic/latest.skin.php b/skin/latest/pic_basic/latest.skin.php deleted file mode 100644 index e2dda77ff..000000000 --- a/skin/latest/pic_basic/latest.skin.php +++ /dev/null @@ -1,66 +0,0 @@ -', 0); -$thumb_width = 210; -$thumb_height = 150; -?> - -
    -

    -
      - '; - ?> -
    • - - 비밀글 "; - - if ($list[$i]['icon_new']) echo "N새글"; - - if ($list[$i]['icon_hot']) echo "H인기글"; - - - echo " "; - if ($list[$i]['is_notice']) - echo "".$list[$i]['subject'].""; - else - echo $list[$i]['subject']; - - - - echo ""; - - // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; } - // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; } - - //echo $list[$i]['icon_reply']." "; - // if ($list[$i]['icon_file']) echo " " ; - //if ($list[$i]['icon_link']) echo " " ; - - if ($list[$i]['comment_cnt']) echo " - + ".$list[$i]['wr_comment'].""; - - ?> - - -
      • - - -
    • 게시물이 없습니다.
      • - -
    - 더보기 - -
    diff --git a/skin/latest/pic_basic/style.css b/skin/latest/pic_basic/style.css deleted file mode 100644 index 9945e8d26..000000000 --- a/skin/latest/pic_basic/style.css +++ /dev/null @@ -1,24 +0,0 @@ -@charset "utf-8"; -/* 새글 스킨 (latest) */ -.pic_lt{position:relative;margin-bottom:20px;overflow:hidden;border: 1px solid #c6cacc;background:#fff} -.pic_lt .lat_title {display:block;background:#fcfcfc;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;} -.pic_lt .lat_title a{color:#253dbe;display:inline-block;position:relative} -.pic_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''} -.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;} -.pic_lt .lt_more:hover{color:#777} -.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""} -.pic_lt ul{padding:20px 15px } -.pic_lt li{float:left;width:20%;padding:0 10px} -.pic_lt li .lt_img{margin:5px 0;display:block} -.pic_lt li .lt_img img{width:100%;height:auto} -.pic_lt li a:hover{color:#a22121} -.pic_lt li .fa-heart{color:#ff0000;} -.pic_lt li .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} -.pic_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;} -.pic_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;} -.pic_lt li .fa-caret-right{color:#bbb} -.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap; --webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); --moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4); -box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);} -.pic_lt .lt_date{display:block;margin-top:5px;color: #888;} diff --git a/skin/member/basic/formmail.skin.php b/skin/member/basic/formmail.skin.php index 42b5520de..29fdd6068 100644 --- a/skin/member/basic/formmail.skin.php +++ b/skin/member/basic/formmail.skin.php @@ -34,11 +34,16 @@ add_stylesheet('', -
  • +
  • 형식 - - - + + + + + + + +
  • @@ -49,8 +54,7 @@ add_stylesheet('',
    • -
    첨부 파일은 누락될 수 있으므로 메일을 보낸 후 파일이 첨부 되었는지 반드시 확인해 주시기 바랍니다.
    - +
    첨부 파일은 누락될 수 있으므로 메일을 보낸 후 파일이 첨부 되었는지 반드시 확인해 주시기 바랍니다.
  • @@ -64,7 +68,7 @@ add_stylesheet('',
    • - +
    diff --git a/skin/member/basic/login.skin.php b/skin/member/basic/login.skin.php index 482bef584..e3acd2c9c 100644 --- a/skin/member/basic/login.skin.php +++ b/skin/member/basic/login.skin.php @@ -8,37 +8,33 @@ add_stylesheet('',

    - +
    +

    회원로그인

    + 회원가입 +
    - +
    회원로그인 - - - -
    - - - - - +
    - - +
    -
    - - - - - - - - date("Y-m-d", G5_SERVER_TIME - ($config['cf_nick_modify'] * 86400))) { // 닉네임수정일이 지나지 않았다면 ?> - - - -
    -
    -

    사이트 이용정보 입력

    -
      -
    • - - class="frm_input half_input " minlength="3" maxlength="20" placeholder="아이디"> - - 영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요. -
      • -
    • - - class="frm_input half_input " minlength="3" maxlength="20" placeholder="비밀번호"> - - - class="frm_input half_input right_input " minlength="3" maxlength="20" placeholder="비밀번호 확인"> -
      • -
    -
    - -
    -

    개인정보 입력

    - -
      -
    • - - class="frm_input half_input " size="10" placeholder="이름"> - 아이핀 본인확인'.PHP_EOL; - if($config['cf_cert_hp']) - echo ''.PHP_EOL; - - echo ''.PHP_EOL; - } - ?> - - -
      - 본인확인 및 성인인증 완료 -
      - - - 아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다. - - - -
      • - -
    • - - + + + + + + + + + date("Y-m-d", G5_SERVER_TIME - ($config['cf_nick_modify'] * 86400))) { // 닉네임수정일이 지나지 않았다면 ?> + + + + +
      +
      +

      사이트 이용정보 입력

      +
        +
      • + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="아이디"> + +
        • +
      • + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="비밀번호"> +
        • +
      • + + class="frm_input full_input " minlength="3" maxlength="20" placeholder="비밀번호 확인"> +
        • +
      +
      + +
      +

      개인정보 입력

      +
        +
      • + + class="frm_input full_input " size="10" placeholder="이름"> + 아이핀 본인확인'.PHP_EOL; + if($config['cf_cert_hp']) + echo ''.PHP_EOL; + + echo ''.PHP_EOL; + } + ?> + + +
        + 본인확인 및 성인인증 완료 +
        + + + + 아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다. + +
        • + +
      • + + - - - - 공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)
        - 닉네임을 바꾸시면 앞으로 일 이내에는 변경 할 수 없습니다. -         - -
        • - + + + + + +
      • + + + + + 이미지 크기는 가 + + + + + + + +
        • + + +
      • + + class="frm_input full_input " size="70" maxlength="255" placeholder="홈페이지"> +
        • + + +
      • + + + + class="frm_input full_input " maxlength="20" placeholder="전화번호"> + +
        • +
      • + + + + class="frm_input full_input " maxlength="20" placeholder="휴대폰번호"> + + + + +
        • + + +
      • + + 필수 + + class="frm_input twopart_input " size="5" maxlength="6" placeholder="우편번호"> +
        + class="frm_input frm_address full_input " size="50" placeholder="기본주소"> +
        + + +
        + + + +
        • + +
      +
      + +
      +

      기타 개인설정

      +
        + +
      • + + +
        • + + + +
      • + + +
        • + + + = $config['cf_icon_level']) { ?> +
      • + + + + + 회원아이콘 + + + + +
        • + + + = $config['cf_icon_level'] && $config['cf_member_img_size'] && $config['cf_member_img_width'] && $config['cf_member_img_height']) { ?> +
      • + + + + + 회원이미지 + + + + +
        • + -
      • - - - - - - - - - - - -
        • - - -
      • - - class="frm_input full_input " size="70" maxlength="255" placeholder="홈페이지"> -
        • - - -
      • - - - - class="frm_input half_input " maxlength="20" placeholder="전화번호"> - - - - - - class="frm_input right_input half_input " maxlength="20" placeholder="휴대폰번호"> - - - - -
        • - - - -
      • - 필수 - - class="frm_input " size="5" maxlength="6" placeholder="우편번호"> -
        - class="frm_input frm_address full_input " size="50" placeholder="기본주소"> -
        - - -
        - - - - -
        • - -
      -
      - -
      -

      기타 개인설정

      -
        - -
      • - - -
        • - - - -
      • - - -
        • - - - = $config['cf_icon_level']) { ?> -
      • - - - - - 이미지 크기는 가로 픽셀, 세로 픽셀 이하로 해주세요.
        - gif, jpg, png파일만 가능하며 용량 바이트 이하만 등록됩니다. -         - - - 회원아이콘 - - - - -
        • - - - = $config['cf_icon_level'] && $config['cf_member_img_size'] && $config['cf_member_img_width'] && $config['cf_member_img_height']) { ?> -
      • - - - - - 이미지 크기는 가로 픽셀, 세로 픽셀 이하로 해주세요.
        - gif, jpg, png파일만 가능하며 용량 바이트 이하만 등록됩니다. -         - - - 회원이미지 - - - - -
        • - - -
      • - - > - 정보 메일을 받겠습니다. - -
        • - - -
      • - - - > - 휴대폰 문자메세지를 받겠습니다. - -
        • - - - -
      • - - - id="reg_mb_open"> - 다른분들이 나의 정보를 볼 수 있도록 합니다. - - 정보공개를 바꾸시면 앞으로 일 이내에는 변경이 안됩니다. - -
        • - -
      • - 정보공개 - - - 정보공개는 수정후 일 이내, 까지는 변경이 안됩니다.
        - 이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다. -         - -
        • - - - - - -
      • - - -
        • - - -
      • - 자동등록방지 - -
        • -
      -
      - +
    • + class="selec_chk"> + + 정보 메일을 받겠습니다. +
      • + + +
    • + class="selec_chk"> + + 휴대폰 문자메세지를 받겠습니다. +
      • + + + +
    • + class="selec_chk"> + + 다른분들이 나의 정보를 볼 수 있도록 합니다. + + + 정보공개를 바꾸시면 앞으로 일 이내에는 변경이 안됩니다. + + +
      • + +
    • + 정보공개 + + + + 정보공개는 수정후 일 이내, 까지는 변경이 안됩니다.
      + 이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다. +       + +
      • + + + + + +
    • + + +
      • + + +
    • + 자동등록방지 + +
      • +
    +
    +
    +
    + 취소 + +
    +
    -
    - 취소 - -
    - + + + // E-mail 검사 + if ((f.w.value == "") || (f.w.value == "u" && f.mb_email.defaultValue != f.mb_email.value)) { + var msg = reg_mb_email_check(); + if (msg) { + alert(msg); + f.reg_mb_email.select(); + return false; + } + } + + + // 휴대폰번호 체크 + var msg = reg_mb_hp_check(); + if (msg) { + alert(msg); + f.reg_mb_hp.select(); + return false; + } + + + if (typeof f.mb_icon != "undefined") { + if (f.mb_icon.value) { + if (!f.mb_icon.value.toLowerCase().match(/.(gif|jpe?g|png)$/i)) { + alert("회원아이콘이 이미지 파일이 아닙니다."); + f.mb_icon.focus(); + return false; + } + } + } + + if (typeof f.mb_img != "undefined") { + if (f.mb_img.value) { + if (!f.mb_img.value.toLowerCase().match(/.(gif|jpe?g|png)$/i)) { + alert("회원이미지가 이미지 파일이 아닙니다."); + f.mb_img.focus(); + return false; + } + } + } + + if (typeof(f.mb_recommend) != "undefined" && f.mb_recommend.value) { + if (f.mb_id.value == f.mb_recommend.value) { + alert("본인을 추천할 수 없습니다."); + f.mb_recommend.focus(); + return false; + } + + var msg = reg_mb_recommend_check(); + if (msg) { + alert(msg); + f.mb_recommend.select(); + return false; + } + } + + + + document.getElementById("btn_submit").disabled = "disabled"; + + return true; +} + +$(function(){ + //tooltip + $(".tooltip_icon").click(function(){ + $(this).next(".tooltip").fadeIn(400); + }).mouseout(function(){ + $(this).next(".tooltip").fadeOut(); + }); +}); + + \ No newline at end of file diff --git a/skin/member/basic/register_result.skin.php b/skin/member/basic/register_result.skin.php index 2072485a3..d8c2b738b 100644 --- a/skin/member/basic/register_result.skin.php +++ b/skin/member/basic/register_result.skin.php @@ -6,14 +6,14 @@ add_stylesheet('', ?> -
    -

    회원가입이 완료되었습니다.

    +

    - 님의 회원가입을 진심으로 축하합니다.
    +
    + 님의 회원가입을 진심으로 축하합니다.

    -

    +

    회원 가입 시 입력하신 이메일 주소로 인증메일이 발송되었습니다.
    발송된 인증메일을 확인하신 후 인증처리를 하시면 사이트를 원활하게 이용하실 수 있습니다.

    @@ -28,17 +28,17 @@ add_stylesheet('',

    -

    +

    회원님의 비밀번호는 아무도 알 수 없는 암호화 코드로 저장되므로 안심하셔도 좋습니다.
    아이디, 비밀번호 분실시에는 회원가입시 입력하신 이메일 주소를 이용하여 찾을 수 있습니다.

    -

    +

    회원 탈퇴는 언제든지 가능하며 일정기간이 지난 후, 회원님의 정보는 삭제하고 있습니다.
    감사합니다.

    - - 메인으로 -
    - \ No newline at end of file + +
    + 메인으로 +
    \ No newline at end of file diff --git a/skin/member/basic/scrap.skin.php b/skin/member/basic/scrap.skin.php index c2a7c52ce..e7861154a 100644 --- a/skin/member/basic/scrap.skin.php +++ b/skin/member/basic/scrap.skin.php @@ -7,23 +7,19 @@ add_stylesheet('',
    -

    - -
    -
      - -
    • - - - - 삭제 -
      • - - - 자료가 없습니다."; ?> -
    -
    +

    +
      + +
    • + + + + 삭제 +
      • + + 자료가 없습니다."; ?> +
    diff --git a/skin/member/basic/scrap_popin.skin.php b/skin/member/basic/scrap_popin.skin.php index ad3ed8b28..280d699e5 100644 --- a/skin/member/basic/scrap_popin.skin.php +++ b/skin/member/basic/scrap_popin.skin.php @@ -12,28 +12,22 @@ add_stylesheet('',
    +

    제목 확인 및 댓글 쓰기

    +
      +
    • + 제목 + +
      • +
    • + + +
      • +
    +
    +

    스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.

    -
    -

    제목 확인 및 댓글 쓰기

    -
      -
    • - 제목 - -
      • -
    • - - -
      • -
    -
    - -

    - 스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다. -

    - -
    - -
    +
    +
    diff --git a/skin/member/basic/style.css b/skin/member/basic/style.css index ab6c5e9f5..693853467 100644 --- a/skin/member/basic/style.css +++ b/skin/member/basic/style.css @@ -31,29 +31,19 @@ .mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {} /* 기본박스 */ -.mbskin{position: relative;margin:100px auto 0;border:1px solid #ddd;width:400px;background:#fff;text-align:center; -} -.mbskin:before,.mbskin:after{ -content:""; -position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; --webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); - -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); - box-shadow:0 0 20px rgba(0,0,0,0.8); --moz-border-radius:100px / 10px; - border-radius:100px / 10px;} -.mbskin:after{right:10px;left:auto; - -webkit-transform:skew(8deg) rotate(3deg); - -moz-transform:skew(8deg) rotate(3deg); - -ms-transform:skew(8deg) rotate(3deg); - -o-transform:skew(8deg) rotate(3deg); - transform:skew(8deg) rotate(3deg);} -.mbskin .frm_input{width:100%} -.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} -.mbskin h1{margin: 60px 0 30px;font-size: 2em;} +.mbskin {position:relative;margin:100px auto 0;border:1px solid #dde7e9;width:360px;background:#fff;text-align:center} +.mbskin:after {right:10px;left:auto; + -webkit-transform:skew(8deg) rotate(3deg); + -moz-transform:skew(8deg) rotate(3deg); + -ms-transform:skew(8deg) rotate(3deg); + -o-transform:skew(8deg) rotate(3deg); + transform:skew(8deg) rotate(3deg)} +.mbskin .frm_input {width:100%} +.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} +.mbskin h1 {margin:60px 0 30px;font-size:2em} /* 기본테이블 */ - .mbskin .tbl_head01 {} .mbskin .tbl_head01 caption {} .mbskin .tbl_head01 thead th {} @@ -73,14 +63,10 @@ position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; .mbskin .frm_file {} .mbskin .tbl_frm01 {} -.mbskin .tbl_frm01 th {width:85px;} +.mbskin .tbl_frm01 th {width:85px} .mbskin .tbl_frm01 td {} .mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {} .mbskin .tbl_frm01 textarea {} -/* -.mbskin .tbl_frm01 #captcha {} -.mbskin .tbl_frm01 #captcha input {} -*/ .mbskin .tbl_frm01 a {} /* 필수입력 */ @@ -103,123 +89,229 @@ position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px; .mbskin .txt_expired {} /* ### 기본 스타일 커스터마이징 끝 ### */ - /* 회원가입 약관 */ -#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px} -#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ; --webkit-box-shadow: 0 1px 3px #eee; --moz-box-shadow: 0 1px 3px #eee; -box-shadow: 0 1px 3px #eee; -} -#fregister_chkall{text-align:right} -#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8} +.register {margin:0 auto} +.register:after {display:block;visibility:hidden;clear:both;content:""} +.register .btn_confirm .btn_submit, +.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em} +.register .btn_confirm {text-align:left} +.register .btn_confirm .btn_submit {margin-left:1%} + +#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold} +#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453} +#fregister p i {font-size:1.2em;vertical-align:middle} +#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px} +#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px} +#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em} #fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} -#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px} -#fregister_private div{padding:20px;background:#fff} -#fregister_private table{width:100%;border-collapse:collapse} +#fregister_private {position:relative} +#fregister_private div {padding:20px;background:#fff} +#fregister_private table {width:100%;border-collapse:collapse} #fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden} -#fregister_private table th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971} -#fregister_private table td{border:1px solid #ddd;padding:10px;} -#fregister .btn_confirm{text-align:center;} -#fregister .btn_confirm .btn_submit{height:50px;padding:0 40px;font-weight:bold;font-size:1.083em} +#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf} +#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0} + +.fregister_agree {position:absolute;top:0;right:0} +.fregister_agree input[type="checkbox"] + label {color:#676e70} +.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8} +.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.fregister_agree input[type="checkbox"]:checked + label {color:#000} +.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} +.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px} + +.chk_li {padding-left:20px} + +#sns_register .login-sns, +#sns_register h2 {border:0 !important} /* 회원가입 입력 */ -#register_form{background:#fff;padding:20px;margin-bottom:20px} +#register_form {background:#fff;margin-bottom:20px} +#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9} +.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px} +.register_form_inner ul {padding:20px} +.register_form_inner label {display:block;margin-bottom:10px;line-height:24px} + #fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center} #fregisterform .frm_address {margin:5px 0 0} #fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle} #fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0} -#fregisterform .btn_confirm{text-align:center} -#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em} -#fregisterform .form_01 div{margin: 0 0 50px} -#fregisterform .captcha{display:block;margin:5px 0 0} -#fregisterform .reg_mb_img_file img{max-width:100%;height:auto} - +#fregisterform .btn_confirm {text-align:center} +#fregisterform .form_01 div {margin:0 0 20px} +#fregisterform .captcha {display:block;margin:5px 0 0} +#fregisterform .reg_mb_img_file img {max-width:100%;height:auto} +#reg_mb_icon, #reg_mb_img {float:right} /* 회원가입 완료 */ -#reg_result {padding:100px 0 40px;text-align:center;background:#fff} -#reg_result h2{font-size:2em;margin:0 0 20px} -#reg_result h2 strong{color:#ed6478} +#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px} +#reg_result h2 {font-size:2em;margin:0 0 20px} +#reg_result h2 strong {color:#ed6478} #reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em} #reg_result #result_email span {display:inline-block;width:150px} #reg_result #result_email strong {color:#e8180c;font-size:1.2em} #reg_result p {line-height:1.8em} +#reg_result .result_txt {text-align:left} #reg_result .btn_confirm {margin:50px 0} -#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;} -#reg_result .reg_result_p strong{color:#3497d9} -#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em} +#reg_result i {font-size:3em} +#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa} + +.btn_confirm_reg {margin:20px 0;text-align:center} +.reg_btn_submit {display:inline-block;background:#3a8afd;color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold} + +.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center} +.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e} +.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""} + +.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer} +.tooltip_icon:hover {color:#448bf5} +.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px} +.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000} + /* 아이디/비밀번호 찾기 */ #find_info #mb_hp_label {display:inline-block;margin-left:10px} #find_info p {line-height:1.5em} -#find_info #mb_email{margin:10px 0;} +#find_info #mb_email {margin:10px 0} /* 로그인 */ #mb_login {} -#login_fs{padding:0 50px} -#mb_login #login_fs .frm_input{margin:0 0 10px} -#mb_login #login_fs .btn_submit {margin:0 0 20px} -#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 } -#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""} -#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#mb_login #login_info a{display:inline-block;width:50%;float:left} -#login_password_lost{border-right:1px solid #ddd} +#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#login_fs {padding:35px} +#mb_login #login_fs .frm_input {margin:0 0 10px} +#mb_login #login_fs .btn_submit {margin:0 0 15px} -#mb_login_notmb{margin:30px auto;padding:20px 30px } -#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px} -#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} -#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px} +#login_info {} +#login_info:after {display:block;visibility:hidden;clear:both;content:""} +#login_info .login_if_auto {float:left} +#login_info .login_if_auto label {vertical-align:baseline;padding-left:5px} +#login_info .login_if_lpl {float:right} +#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px;line-height:20px} -#mb_login_od_wr{margin:30px auto;padding:20px 30px } -#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px} -#mb_login_od_wr .frm_input{margin:10px 0 0 } -#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em} +#mb_login_notmb {margin:30px auto;padding:20px 30px} +#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px} +#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} +#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px} + +#mb_login_od_wr {margin:30px auto;padding:20px 30px} +#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px} +#mb_login_od_wr .frm_input {margin:10px 0 0} +#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em} + +#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px} +#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""} +#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#mb_login #sns_login .sns-wrap {margin:0 !important} +#mb_login #sns_login .sns-icon {width:49% !important;float:left !important} +#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%} +#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important} /* 쪽지 */ -#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold} -#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic} -#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;} +.memo_list {border-top:1px solid #ececec} +.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} +.memo_list li:after {display:block;visibility:hidden;clear:both;content:""} +.memo_list li.read {background:#f6f6f6} +.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666} -#memo_view_contents {margin:10px 0;border:1px solid #ddd;} +.memo_list .memo_li {float:left} +.memo_list .profile_big_img {position:relative;margin-right:15px} +.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px} +.memo_list .memo_li.memo_name {padding-top:5px;float:none} +.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em} +.memo_list .memo_preview a:hover{text-decoration:underline} +.memo_list .memo_name a, +.memo_list .memo_name .sv_wrap {font-weight:bold} +.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9} +.memo_list .no_read {animation:blinker 1s linear infinite} + +@keyframes blinker { + 50% {opacity:0} + } + +#memo_list h1#win_title {padding:10px 10px 10px 20px} +#memo_list .memo_datetime {font-size:0.92em;color:#888d92} +#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em} +#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em} + +#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec} #memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;} +#memo_view_ul {margin:0;list-style:none;background:#f6f6f6} #memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""} -.memo_view_li {position:relative;padding:10px;float:left;width:50%;} -.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important} -.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;} -.memo_view_li .profile_img img{border-radius:50%} -.memo_view_date{text-align:right;color:#555;font-style:italic} -.memo_view_date strong{font-weight:normal} -#memo_view .btn_b02{float:right} -#memo_view .btn_b02.reply_btn{margin-left:4px} -#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em} +.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/} -#memo_write textarea {height:100px} +.memo_view_li .profile_img img {display:none} +.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px} +.memo_from li {float:left} +.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%} +.memo_from li:first-child {margin-right:10px} +.memo_from li.memo_view_nick {width:80%} +.memo_from li.memo_view_nick a {font-weight:bold !important} +.memo_from li.memo_view_date {display:block;color:#555;line-height:24px} +.memo_from li.memo_op_btn {position:absolute} +.memo_from li.list_btn {right:53px;} +.memo_from li.del_btn {right:15px;padding} +.memo_from:after {display:block;visibility:hidden;clear:both;content:""} + +.memo_btn {width:100%} +.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px} +.memo_btn a.btn_right {float:right;text-align:right} +.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom} + +#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em} +#memo_view textarea {height:100px} + +#memo_write .form_01 {padding:20px;border-top:1px solid #ececec} + +.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px} +#memo_write .reply_btn {font-size:1em} /* 스크랩 */ -#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em} -#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left} -#scrap .scrap_datetime{;color:#777;font-style:italic;float:right} -#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c} -#scrap .scrap_del:hover{color:#98ca69} -#scrap_do table {margin:0 0 10px;width:100%} -#scrap_do textarea {height:100px} -#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold} -#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em} +#scrap li:after {display:block;visibility:hidden;clear:both;content:""} +#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec} +#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em} +#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px} +#scrap .scrap_datetime {color:#777;line-height:18px} +#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb} +#scrap .scrap_del:hover {color:#3a8afd} + +#scrap_do .new_win_con {padding:0 20px} +#scrap_do textarea {width:100%;height:100px} +#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold} +#scrap_do label {display:block;margin:0 0 5px;font-size:1em} +#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""} +#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center} +#scrap_do .win_btn .btn_submit {float:inherit} +#scrap_do .win_desc {margin:0 20px} + /*포인트*/ -#point .point_top{line-height:15px;margin:0 0 5px} -#point .point_top:after {display:block;visibility:hidden;clear:both;content:""} -#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;} -#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;} -#point .point_date1{float:left;color:#555;font-style:italic} -#point .point_date{float:right;color:#555;font-style:italic} -#point .txt_expired {color:#aaa;} -#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em} -#point .point_all span,#point .point_status span{float:right;} -#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em} -#point .point_status span{margin-left:10px} +#point {text-align:center} +#point h1 {text-align:left} +#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em} +#point .point_all:after {display:block;visibility:hidden;clear:both;content:""} +#point .point_all li {float:left;width:50%;padding:20px;text-align:left} +#point .point_all li span {float:right;color:#485172;font-weight:bold} +#point .point_all li:last-child {border-left:1px solid #d6e2f4} +#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left} +#point .point_all .full_li span {color:#000;font-weight:bold;font-size:1.2em} +#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left} +#point .point_status:after {display:block;visibility:hidden;clear:both;content:""} +#point .point_status span{margin-left:10px;float:right} + +.point_list {} +.point_list li:first-child {border-top:1px solid #ececec} +.point_list li {border-bottom:1px solid #ececec;background:#fff;padding:15px;list-style:none;position:relative} +.point_list li:after {display:block;visibility:hidden;clear:both;content:""} + +.point_list .point_use {background:#f6f6f6} +.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right} +.point_list .point_num {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;right:15px;top:25px} +.point_list .point_top {line-height:15px;margin:0 0 5px} +.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""} +.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block} +.point_list .point_date1 {float:left;color:#888d92} +.point_list .point_date {float:left;color:#888d92} +.point_list .txt_expired {color:red;margin-left:5px} + +#point .pg_wrap {width:100%;float:inherit;text-align:center} +#point .btn_close {margin:20px auto} /* 회원 비밀번호 확인 */ #mb_confirm {} @@ -230,34 +322,48 @@ box-shadow: 0 1px 3px #eee; #mb_confirm fieldset .frm_input {background-color:#fff !important} #mb_confirm label {letter-spacing:-0.1em} #mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold} -#mb_confirm .confirm_id{font-size:0.92em;color:#666} +#mb_confirm .confirm_id {font-size:0.92em;color:#666} /* 비밀글 비밀번호 확인 */ #pw_confirm h1 {margin:60px 20px 30px;font-size:2em} #pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565} #pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px} -#pw_confirm fieldset {;padding:50px;text-align:center} +#pw_confirm fieldset {padding:50px;text-align:center} #pw_confirm fieldset .frm_input {background-color:#fff !important} #pw_confirm label {letter-spacing:-0.1em} #pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} -#mb_confirm_id{} +#mb_confirm_id {} /* 폼메일 */ #formmail textarea {height:100px} -#formmail .formmail_flie{position:relative} -#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;} -#formmail .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;} -#formmail .frm_file {padding-left: 50px;} -#formmail .frm_info{color: #3497d9;font-size: 0.92em;} +#formmail .formmail_flie {position:relative} +#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} +#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2} +#formmail .frm_file {padding-left:50px} +#formmail .frm_info {color:#3497d9;font-size:0.92em} +.chk_box {position:relative} +.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70} +.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%} +.chk_box input[type="radio"]:checked + label {color:#3a8afd} +.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd} +.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%} +.chk_box input[type="checkbox"] + label {position:relative;color:#676e70} +.chk_box input[type="checkbox"] + label:hover {color:#2172f8} +.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.chk_box input[type="checkbox"]:checked + label {color:#000} +.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} + /* 자기소개 */ -#profile h1 a{color:#fff} +#profile h1 a {} #profile table {margin-bottom:0} -#profile table th{text-align:left;padding:10px;width:100px} -#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;} +#profile table th {text-align:left;padding:10px;width:100px} +#profile section {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0} #profile h2 {margin:0 0 5px} -#profile .profile_name{text-align:center;font-weight:bold} -#profile .my_profile_img{display:block;margin:20px 0 5px;} -#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa} -#profile .profile_img img{border-radius:50%} -#profile .profile_name .sv_wrap{font-weight:bold;text-align:left} \ No newline at end of file +#profile .profile_name {text-align:center;font-weight:bold} +#profile .my_profile_img {display:block;margin:20px 0 5px} +#profile .my_profile_img img {border-radius:50%} +#profile .profile_img img {border-radius:50%} +#profile .profile_name .sv_wrap {font-weight:bold;text-align:left} \ No newline at end of file diff --git a/skin/new/basic/new.skin.php b/skin/new/basic/new.skin.php index 32599350a..c3867f8bc 100644 --- a/skin/new/basic/new.skin.php +++ b/skin/new/basic/new.skin.php @@ -49,14 +49,22 @@ add_stylesheet('', 0); + +
    + +
    +
    - @@ -74,19 +82,21 @@ add_stylesheet('', 0); $gr_subject = cut_str($list[$i]['gr_subject'], 20); $bo_subject = cut_str($list[$i]['bo_subject'], 20); $wr_subject = get_text(cut_str($list[$i]['wr_subject'], 80)); - $board_url = get_pretty_url($list[$i]['bo_table']); ?> - - + @@ -100,8 +110,10 @@ add_stylesheet('', 0);
    - - + + + 그룹
    - - + + +
    + + -
    +
    @@ -140,6 +152,4 @@ function fnew_submit(f) } - - \ No newline at end of file diff --git a/skin/new/basic/style.css b/skin/new/basic/style.css index 5823010ec..26441b91a 100644 --- a/skin/new/basic/style.css +++ b/skin/new/basic/style.css @@ -1,12 +1,23 @@ @charset "utf-8"; /* 최근게시물 스킨 (new) */ -#new_sch {margin-bottom:15px;text-align:center;padding: 20px;border: 1px solid #e8e8e8;background: #fbfbfb;} +#new_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px} #new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} -#new_sch p {padding:5px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em} -#new_sch .frm_input{border-color:#646982;border-radius:0} -#new_sch select{border:1px solid #646982;height:40px;padding:0 5px} -#new_sch .btn_submit{padding: 0 10px;height: 40px;font-size: 1.083em;font-weight: bold;color: #fff;background: #253dbe;} -#fnewlist .new_tit{font-weight:bold} -#fnewlist .profile_img img{border-radius:50%} -#fnewlist .td_date{font-style:italic} \ No newline at end of file +#new_sch select {border:1px solid #d0d3db;width:175px;height:45px;padding:0 5px;border-radius:3px} +#new_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px} +#new_sch .sch_wr {position:relative;display:inline-block} +#new_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54} +#new_sch p {padding:10px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em} + +#fnewlist .profile_img img {border-radius:50%} +#fnewlist .td_group a {background:#edfbde;color:#8cc152;padding:3px 4px;border-radius:5px;font-weight:normal} +#fnewlist .td_board a {background:#eeeaf8;color:#ac92ec;padding:3px 4px;border-radius:5px;font-weight:normal} + +.admin_new_btn {float:right;margin-bottom:10px} + +.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} +.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70} +.chk_box input[type="checkbox"] + label:hover {color:#2172f8} +.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.chk_box input[type="checkbox"]:checked + label {color:#000} +.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} diff --git a/skin/outlogin/basic/img/info_edit.png b/skin/outlogin/basic/img/info_edit.png deleted file mode 100644 index ce5eae3eb..000000000 Binary files a/skin/outlogin/basic/img/info_edit.png and /dev/null differ diff --git a/skin/outlogin/basic/outlogin.skin.1.php b/skin/outlogin/basic/outlogin.skin.1.php index a2a07b0b8..cabfbaccc 100644 --- a/skin/outlogin/basic/outlogin.skin.1.php +++ b/skin/outlogin/basic/outlogin.skin.1.php @@ -7,7 +7,10 @@ add_stylesheet(''
    -

    회원로그인

    +
    +

    회원로그인

    + 회원가입 +
    @@ -19,18 +22,17 @@ add_stylesheet(''
    -
    - - +
    + +
    diff --git a/skin/outlogin/basic/outlogin.skin.2.php b/skin/outlogin/basic/outlogin.skin.2.php index d8e745e95..aeaea03ae 100644 --- a/skin/outlogin/basic/outlogin.skin.2.php +++ b/skin/outlogin/basic/outlogin.skin.2.php @@ -11,33 +11,34 @@ add_stylesheet(''

    나의 회원정보

    - 정보수정 님 - 로그아웃 - 관리자 + 정보수정 + 관리자 - +
    ', 10); +add_stylesheet('', 10); ?> + + + + \ No newline at end of file diff --git a/skin/popular/basic/style.css b/skin/popular/basic/style.css index 30c7e1f5a..29d6ae6d0 100644 --- a/skin/popular/basic/style.css +++ b/skin/popular/basic/style.css @@ -1,10 +1,16 @@ @charset "utf-8"; + /* 인기검색어 */ -#popular {margin:8px 0 0;position:relative} -#popular h2{display:inline-block;font-size:0.92em;color:#4b8bff;background:#fff;line-height:20px;padding:0 5px;border:1px solid #dcdcde;vertical-align:top} -#popular .popular_inner{position:absolute;left:70px;top:2px;height:18px;overflow:hidden} -#popular ul{display:inline-block} +#popular {position:relative;margin:15px 0 0} +#popular h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#popular .popular_inner {width:400px;height:20px;overflow:hidden} +#popular ul {padding:0;margin:0} #popular ul:after {display:block;visibility:hidden;clear:both;content:""} -#popular li{height:18px;line-height:18px;border-left:1px solid #c3c3c3;padding:0 10px;float:left} -#popular li:first-child{border-left:0} -#popular li a:hover{color:#a22121;text-decoration:underline} +#popular li {float:left;width:auto !important;height:18px;line-height:18px;padding-right:20px} +#popular li a {color:#8d8c8c} +#popular li:first-child {border-left:0} +#popular li a:hover {text-decoration:underline} + +.popular_inner .popular_btns{display:none} +.popular_btns .pp-next {position:absolute;top:68%;right:0px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #53555a;margin-top:-12px;color:#d3d2d2} +.popular_btns .pp-prev {position:absolute;top:68%;right:17px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #53555a;margin-top:-12px;color:#d3d2d2} diff --git a/skin/qa/basic/img/icon_file.gif b/skin/qa/basic/img/icon_file.gif deleted file mode 100644 index cca47f566..000000000 Binary files a/skin/qa/basic/img/icon_file.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_hot.gif b/skin/qa/basic/img/icon_hot.gif deleted file mode 100644 index c95b839ae..000000000 Binary files a/skin/qa/basic/img/icon_hot.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_img.gif b/skin/qa/basic/img/icon_img.gif deleted file mode 100644 index fefa10d4a..000000000 Binary files a/skin/qa/basic/img/icon_img.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_link.gif b/skin/qa/basic/img/icon_link.gif deleted file mode 100644 index 0f3cb1ac6..000000000 Binary files a/skin/qa/basic/img/icon_link.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_mobile.gif b/skin/qa/basic/img/icon_mobile.gif deleted file mode 100644 index ad934d23c..000000000 Binary files a/skin/qa/basic/img/icon_mobile.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_movie.gif b/skin/qa/basic/img/icon_movie.gif deleted file mode 100644 index cb958f83f..000000000 Binary files a/skin/qa/basic/img/icon_movie.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_new.gif b/skin/qa/basic/img/icon_new.gif deleted file mode 100644 index 45aa6d7ed..000000000 Binary files a/skin/qa/basic/img/icon_new.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_secret.gif b/skin/qa/basic/img/icon_secret.gif deleted file mode 100644 index c04899f14..000000000 Binary files a/skin/qa/basic/img/icon_secret.gif and /dev/null differ diff --git a/skin/qa/basic/img/icon_sound.gif b/skin/qa/basic/img/icon_sound.gif deleted file mode 100644 index c5188318a..000000000 Binary files a/skin/qa/basic/img/icon_sound.gif and /dev/null differ diff --git a/skin/qa/basic/list.skin.php b/skin/qa/basic/list.skin.php index d176a044d..d32852783 100644 --- a/skin/qa/basic/list.skin.php +++ b/skin/qa/basic/list.skin.php @@ -11,25 +11,7 @@ add_stylesheet('', 0); ?>
    - - - -
    -
    - Total 건 - 페이지 -
    - - - - -
    - - - + + + +
    +
    + Total 건 + 페이지 +
    + +
      +
    • 관리자
      • +
    • + + +
      +
      +

      검색

      + 게시물 검색 + + + +
      + + +
      + + +
      +
      +
      + + +
      • +
    • 문의등록
      • +
    + +
    + +
    - +
    - @@ -66,12 +97,17 @@ add_stylesheet('', 0); - + - @@ -84,7 +120,7 @@ add_stylesheet('', 0); - + ', 0);
    목록
    - - + + + 번호
    - - + + + 답변완료' : ' 답변대기'); ?>
    - + + + +
    - - - -
    - 게시물 검색 - -
    - - - - -
    -
    -
    @@ -127,10 +152,6 @@ add_stylesheet('', 0); - - - - +
    + + +
    -
    - - 답변수정 - - - 답변삭제 - -
    -
    \ No newline at end of file +
    +
    + 추가질문 +
    diff --git a/skin/qa/basic/view.answerform.skin.php b/skin/qa/basic/view.answerform.skin.php index 8e3590ae3..801fea899 100644 --- a/skin/qa/basic/view.answerform.skin.php +++ b/skin/qa/basic/view.answerform.skin.php @@ -51,7 +51,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
    - +
    diff --git a/skin/qa/basic/view.skin.php b/skin/qa/basic/view.skin.php index 35a143ec8..603f7bf29 100644 --- a/skin/qa/basic/view.skin.php +++ b/skin/qa/basic/view.skin.php @@ -36,9 +36,39 @@ add_stylesheet('', 0); - + + +
    + - + + + +
    + +

    본문

    @@ -88,35 +118,14 @@ add_stylesheet('', 0);
    - - - - - -
    - - - - - - - -
    - + + + + ', 0);
    - -
    - 목록 - - + +
    + 취소 +
    + - - id="sop_or" name="sop"> - - id="sop_and" name="sop"> - - + +
    + id="sop_and" name="sop"> + + id="sop_or" name="sop" > + +
    -

    전체검색 결과

    -
    -
    게시판
    -
    개
    -
    게시물
    -
    개
    -
    -

    / 페이지 열람 중

    +
      +
    • 게시판 개
      • +
    • 게시물 개
      • +
    • / 페이지 열람 중
      • +
    ', $k=0; for ($idx=$table_index, $k=0; $idx -

    게시판 내 결과

    +

    게시판 내 결과

      ',
    • - 새창 + 새창

      @@ -136,9 +134,7 @@ add_stylesheet('',
    -
    결과 더보기
    - -
    + 더보기 diff --git a/skin/search/basic/style.css b/skin/search/basic/style.css index 94d01dc26..166322896 100644 --- a/skin/search/basic/style.css +++ b/skin/search/basic/style.css @@ -1,53 +1,63 @@ @charset "utf-8"; + /* 전체검색결과 스킨 */ -#sch_res_detail {background:#fff;padding:30px;border:1px solid #ccc;text-align:center;margin:0 0 10px} +#sch_res_detail {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px} #sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} -#sch_res_detail select{border:1px solid #646982;height:40px;padding:0 5px} -#sch_res_detail .frm_input{border:1px solid #646982;border-radius:0;} -#sch_res_detail .sch_wr{position:relative;display:inline-block} -#sch_res_detail .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#253dbe} -#sch_res_detail .sch_rd{display:block;margin:5px 0 0;font-size:0.92em;color:#666} +#sch_res_detail select {border:1px solid #d0d3db;width:175px;height:45px;padding:0 5px;border-radius:3px} +#sch_res_detail .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px} +#sch_res_detail .sch_wr {position:relative;display:inline-block} +#sch_res_detail .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54} -#sch_res_ov {text-align:center;zoom:1} +/* 검색 OR+ADN 버튼 */ +.switch_field {display:inline-block;vertical-align:middle;padding:10px 5px} +.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden} +.switch_field label {float:left} +.switch_field label {display:inline-block;width:50px;background-color:#fff;color:rgba(0, 0, 0, 0.6);font-size:1em;font-weight:normal;text-align:center;text-shadow:none;padding:6px 14px;border:1px solid #bbc0c6; +-webkit-box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1); +box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1); +-webkit-transition:all 0.1s ease-in-out; +-moz-transition:all 0.1s ease-in-out; +-ms-transition:all 0.1s ease-in-out; +-o-transition:all 0.1s ease-in-out; +transition:all 0.1s ease-in-out} +.switch_field label:hover {cursor:pointer} +.switch_field input:checked + label {background-color:#3a8afd;border:1px solid #3a8afd;color:#fff;-webkit-box-shadow:none;box-shadow:none} +.switch_field label:first-of-type {border-radius:4px 0 0 4px;border-right:0} +.switch_field label:last-of-type {border-radius:0 4px 4px 0} + +#sch_res_ov {text-align:center;zoom:1;height:55px;line-height:55px;background:#edf3fc;border-radius:5px;border:1px solid #d6e2f4;margin-bottom:15px;padding:0 20px} #sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""} -#sch_res_ov h2 {text-align:center;margin:30px 0 10px;font-size:1.5em;} -#sch_res_ov h2 strong{color:#00c4ac;} -#sch_res_ov dl {display:inline-block;line-height: 30px;font-size: 0.92em;color: #4e546f;background: #d4d4d4;padding: 0 10px;border-radius: 5px;} -#sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""} -#sch_res_ov dt {float:left} -#sch_res_ov dd {float:left;margin:0 10px 0 5px} -#sch_res_ov dd .sch_word{color:#000} -#sch_res_ov p {margin:0;padding:0;line-height:1em;color:#777;font-size:0.92em} +#sch_res_ov h2 {float:left;display:inline-block;font-size:1.25em;color:#293d58;font-weight:normal} +#sch_res_ov h2 strong {color:#ff005a} +#sch_res_ov ul {display:inline-block;float:right;line-height:12px;font-size:0.92em;color:#5977a4;margin-top:20px} +#sch_res_ov ul:after {display:block;visibility:hidden;clear:both;content:""} +#sch_res_ov li {float:left;margin-right:5px;padding-right:5px;border-right:1px solid #5977a4} +#sch_res_ov li:last-child {margin:0;padding:0;border:0} - -#sch_res_board {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4} +#sch_res_board {margin-bottom:28px} #sch_res_board h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sch_res_board ul {zoom:1} #sch_res_board ul:after {display:block;visibility:hidden;clear:both;content:""} -#sch_res_board li {display:inline-block;padding:2px;} -#sch_res_board a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent} -#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#d2d6dc;} -#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;background:#c4dce0;margin-left:3px;color:#3497d9;border-radius:15px;height:18px;padding:0 5px;line-height:18px;font-size:0.92em} -#sch_res_board .sch_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5; +#sch_res_board li {display:inline-block;padding:2px} +#sch_res_board a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3} +#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#3a8afd;color:#fff} +#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;margin-left:3px;color:#3497d9;line-height:18px;font-size:0.92em} +#sch_res_board a:hover .cnt_cmt {color:#fff} +#sch_res_board .sch_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);} -#sch_res_board .sch_on:hover{;background:#3497d9;color:#fff;} +box-shadow:inset 0 2px 5px rgb(33, 135, 202)} - - - -.sch_res_list {margin:0 0 10px;padding:10px 0 15px} -.sch_res_list h2 {margin:0 0 10px;font-size:1.2em} -.sch_res_list ul {margin:0;padding:0;list-style:none;border-top:1px solid #000} -.sch_res_list li {;border-bottom:1px solid #e0e0e0;background:#fff;position:relative} -.sch_res_list .sch_tit{display:block;background:#f4f4f4;padding:10px 70px 10px 10px} -.sch_res_list .pop_a{position:absolute;top:10px;right:10px;color:#666;} -.sch_res_title {display:inline-block;margin:0 0 5px} -.sch_res_list p {padding:10px;color:#666;line-height:1.5em} -.sch_res_list .sch_info{padding:10px;color:#777} +.sch_res_list {position:relative;margin-bottom:10px} +.sch_res_list h2 {margin:0 0 15px;font-size:1.2em} +.sch_res_list ul {margin:0;padding:0;list-style:none;border-top:1px solid #ececec} +.sch_res_list li {border-bottom:1px solid #ececec;background:#fff;position:relative} +.sch_res_list .sch_tit {display:block;padding:20px 0 10px} +.sch_res_list .pop_a {display:inline-block;background:#e8eeef;color:#6f777f;border-radius:50%;text-align:center;width:26px;height:26px;line-height:26px} +.sch_res_title {display:inline-block;margin:0 0 5px;font-size:1.2em} +.sch_res_list p {padding-bottom:10px;color:#666;line-height:1.5em} +.sch_res_list .sch_info {padding:10px 0;color:#777} .sch_res_list .sch_info:after {display:block;visibility:hidden;clear:both;content:""} -.sch_res_list .profile_img img{border-radius:50%} -.sch_res_list .sch_datetime{float:right;} -.sch_more {text-align:right;margin:10px 0 30px} -.sch_more a{display:inline-block;color:#f2664f} +.sch_res_list .profile_img img {border-radius:50%} +.sch_res_list .sch_datetime {margin-left:5px} +.sch_more {position:absolute;right:0;top:0;text-align:right;margin:10px 0 30px;color:#3a8afd} diff --git a/skin/visit/basic/style.css b/skin/visit/basic/style.css index 039875a6a..a8b4436f9 100644 --- a/skin/visit/basic/style.css +++ b/skin/visit/basic/style.css @@ -1,15 +1,12 @@ @charset "utf-8"; + /* 방문자 집계 */ -#visit {border: 1px solid #d2d9e6; border-bottom: 1px solid #c1ccda;margin:40px 20px 20px;background:#fff;position:relative; --webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); --moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -box-shadow:0 1px 2px rgba(0,0,0,0.1)} -#visit .btn_admin{position:absolute;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;border-radius:3px} -#visit h2 {font-size:1.167em;text-align:center;padding-bottom:15px;padding-top:25px;color:#16b3d6;position:relative} -#visit h2 i{position:absolute;top:-22px;left:50%;width:44px;line-height:44px;margin-left:-22px;border-radius:25px;background:#16b3d6;color:#fff} -#visit dl {border-top:1px solid #e9e9e9;padding:10px 15px;border-radius:5px} +#visit {position:relative} +#visit .btn_admin {position:absolute;top:0;right:20px;height:25px;line-height:25px;padding:0 5px;border-radius:3px} +#visit h2 {font-size:1.2em;margin-bottom:20px;text-align:left;color:#fff;position:relative} +#visit dl {padding:10px 0} #visit dl:after {display:block;visibility:hidden;clear:both;content:""} -#visit dt {float:left;width:20%;padding:0 5px;line-height:23px;height:23px;color:#555} -#visit dt span{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align: middle;} -#visit dd {float:left;;width:30%;padding:0 5px;;text-align:right;text-align:right;font-weight:bold;line-height:23px;height:23px;font-size:0.92em} -#visit dd strong{display:inline-block;padding:0 5px;border-radius:20px;line-height:15px;color:#fff;} +#visit dt {float:left;width:50%;text-align:left;line-height:23px;height:23px;color:#e3e3e3} +#visit dt span {display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:10px;background:#3a8afd} +#visit dd {float:left;width:50%;padding:0 5px;text-align:right;text-align:right;font-weight:bold;line-height:23px;height:23px;font-size:0.92em} +#visit dd strong {display:inline-block;padding:0 5px;border-radius:20px;line-height:15px;color:#fff} diff --git a/skin/visit/basic/visit.skin.php b/skin/visit/basic/visit.skin.php index 768a58829..8d42edd72 100644 --- a/skin/visit/basic/visit.skin.php +++ b/skin/visit/basic/visit.skin.php @@ -8,18 +8,18 @@ add_stylesheet('', 0 ?> -
    -

    접속자집계

    +
    +

    접속자집계

    -
    오늘
    -
    -
    어제
    -
    -
    최대
    -
    -
    전체
    -
    +
    오늘
    +
    +
    어제
    +
    +
    최대
    +
    +
    전체
    +
    - 상세보기 + 관리자
    \ No newline at end of file diff --git a/tail.php b/tail.php index 427dc513e..f0cac06b7 100644 --- a/tail.php +++ b/tail.php @@ -14,16 +14,8 @@ if (G5_IS_MOBILE) {
    - -
    @@ -36,26 +28,47 @@ if (G5_IS_MOBILE) {
    - - - - + }); +
    'pc' "; -if(!$is_admin) -$sql .= " and a.bo_use_cert = '' "; -$sql .= " and a.bo_table not in ('notice', 'qa') "; //공지사항과 갤러리 게시판은 제외 +if(!$is_admin) { + $sql .= " and a.bo_use_cert = '' "; +} $sql .= " order by b.gr_order, a.bo_order "; $result = sql_query($sql); for ($i=0; $row=sql_fetch_array($result); $i++) { diff --git a/theme/54/mobile/skin/board/basic/view.skin.php b/theme/54/mobile/skin/board/basic/view.skin.php index 586ea6d4f..a5664f176 100644 --- a/theme/54/mobile/skin/board/basic/view.skin.php +++ b/theme/54/mobile/skin/board/basic/view.skin.php @@ -11,6 +11,7 @@ add_stylesheet('', 0
    - - -