shoppingmallv2 init...

app/Config/Constants.php

@@ -116,6 +116,7 @@ define('LAYOUTS', [
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />',
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />',
       '<link rel="stylesheet" href="/css/style.css" />',
+      '<link rel="stylesheet" href="/css/doc.css" />',
     ],
     'javascripts' => [
       '<script src="//cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>',
@@ -136,6 +137,7 @@ define('LAYOUTS', [
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />',
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />',
       '<link rel="stylesheet" href="/css/style.css" />',
+      '<link rel="stylesheet" href="/css/doc.css" />',
     ],
     'javascripts' => [
       '<script src="//cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>',

app/Views/front/sitepage/index.php

@@ -3,9 +3,6 @@
 <link href="/css/front/content.css" media="screen" rel="stylesheet" type="text/css" />
 <div id="content">
   <div><?= html_entity_decode($viewDatas['category']->head) ?></div>
-  <div class="top">
-    <?= $this->include('templates/front/index_head') ?>
-  </div>
   <?php $cnt = 0 ?>
   <?php foreach ($viewDatas['entitys'] as $entity) : ?>
     <?= getFieldIndex_Row_SitepageHelper('content', $entity, $viewDatas) ?>

app/Views/templates/admin/footer.php

@@ -27,9 +27,10 @@
     });
     //class가 editor인 textarea용
     tinymce.init({
-      selector: '.editor',
-      theme: 'silver',
-      height: 500
+      selector: 'textarea.editor',
+      plugins: 'code',
+      height: 600,
+      content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
     });
   });
 </script>

public/css/doc.css

@@ -0,0 +1,69 @@
+@charset "utf-8";
+/* doc.css는 디자인페이지 스타일을 정의합니다. */
+
+.greeting {margin:0 -25px;}
+.greeting:after {content:"";display:block;clear:both;}
+.greeting .col {float:left; width:50%; padding:0 25px; box-sizing:border-box; text-align:justify; letter-spacing:-.40px;}
+
+
+.company {position:relative; text-align:center; font-size:22px; line-height:1.4em; color:#2c2c2c; font-weight:300; padding-bottom:75px; margin-bottom:10px;}
+.company strong {color:#30539f; font-weight:500}
+.company:after {content:"";position:absolute; bottom:10px; left:50%; width:1px; height:46px; background:#ddd;}
+
+.com-cnt {border:1px solid #ededed;}
+.com-cnt:after {content:" "; display:block; clear:both;}
+.com-cnt .col {float:left; width:33.333%; height:278px; position:relative;}
+.com-cnt .col.bg1 {background:url('../images/sub/com_icon1.png') 50% 41px no-repeat;}
+.com-cnt .col.bg2 {background:#f8f9fb url('../images/sub/com_icon2.png') 50% 31px no-repeat;}
+.com-cnt .col.bg3 {background:url('../images/sub/com_icon3.png') 50% 33px no-repeat;}
+.com-cnt .col:first-child:after {display:none;}
+.com-cnt .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ededed;}
+.com-cnt .col dl {padding-top:145px; text-align:center;}
+.com-cnt .col dl dt {color:#284685; font-size:18px; line-height:1.4em; font-weight:500; margin-bottom:10px;}
+.com-cnt .col dl dd {font-size:15px; line-height:1.4em; text-align:left; padding-left:76px;}
+
+.app-cnt {}
+.app-cnt:after {content:" "; display:block; clear:both;}
+.app-cnt .col {float:left; width:275px; height:130px; position:relative; box-sizing:border-box;}
+.app-cnt .col.inquiry {width:345px}
+.app-cnt .col:first-child:after {display:none;}
+.app-cnt .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#ededed;}
+.app-cnt .col .box {width:100%; height:130px;position:relative; display:table;}
+.app-cnt .col .icon {position:absolute; top:0; left:0; width:107px; height:107px; background:url('../images/sub/sub2_1_icon.gif') 0 50% no-repeat;}
+.app-cnt .col .info {padding-left:130px; font-size:15px; line-height:1.6em; height:130px;position:relative; vertical-align:middle; display:table-cell; letter-spacing:-.30px;}
+.app-cnt .col.type2 .info {padding-left:48px; font-size:16px;}
+.app-cnt .col.type2 dl dt {color:#284685; font-size:18px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
+.app-cnt .col.type2 dl dt img {vertical-align:middle; padding-left:5px;}
+
+.product-cnt {margin-bottom:70px; text-align:center;}
+.product-cnt:last-child {margin-bottom:0}
+.product-cnt p {line-height:0}
+.product-cnt .col {position:relative; vertical-align:top; display:inline-block; width:420px; margin:-61px 10px 0 10px;}
+.pro-title.type1 {background-color:#41adde}
+.pro-title.type2 {background-color:#0280c9}
+.pro-title.type3 {background-color:#284685}
+.pro-title {font-size:20px; line-height:61px;color:#fff; font-weight:500; text-align:center;background-image:url('../images/sub/sub2_2_tit.png'); background-repeat:no-repeat; background-position:100% 0;}
+.table01 table {width:100%; border-collapse:collapse; border-spacing:0px;}
+.table01 table tbody th {padding:12px 10px; height:35px; font-size:16px; font-weight:500; line-height:22px; color:#4d4d4d; border-bottom:1px dotted #d6d6d6; background:#f6fafc;}
+.table01 table tbody td {padding:12px 20px; color:#2c2c2c; font-size:16px; line-height:22px; border-bottom:1px dotted #d6d6d6;}
+.table01 strong {font-weight:500}
+
+.box-cnt {border:1px solid #e0e0e0; border-radius:10px; padding:38px 27px; margin-bottom:50px;}
+.box-cnt:last-child {margin-bottom:0}
+.box-cnt .title {background:#f6f6f6; font-size:20px; line-height:1.4em; color:#2c2c2c; padding:5px 0 5px 18px; font-weight:500; margin-bottom:15px;}
+.box-cnt .cnt {padding-left:18px; font-size:17px; line-height:1.6em; font-weight:200}
+.box-cnt .cnt dl dt {position:relative; color:#2e3192; font-size:18px; line-height:1.4em; font-weight:500; padding-left:18px;}
+.box-cnt .cnt dl dt:after {content:"";position:absolute;top:50%; margin-top:-2px; left:0; width:10px; height:5px; background:#2e3192; border-radius:2px;}
+.box-cnt .cnt dl dd {text-indent:-10px; padding-left:10px; letter-spacing:-.30px;}
+
+/* 사이트맵 */
+/* .sitemap {*zoom:1} */
+.sitemap:after {content:" "; display:block; clear:both;}
+.sitemap dl {float:left; display:inline; width:225px; margin:0 0 30px 80px;}
+.sitemap dl.first {margin-left:0}
+.sitemap dl dt {padding:10px 0; text-align:center; font-size:16px; font-weight:500; color:#fff; margin:0 0 5px 0; background:#737373;border-top-left-radius:20px; border-bottom-right-radius:20px;}
+.sitemap dl dd {line-height:40px; border-bottom:1px solid #eee; font-weight:300; text-indent:-12px; padding-left:13px;}
+.sitemap dl dd a {display:block; padding:8px 0 8px 15px; font-size:15px; line-height:20px;}
+.sitemap dl dd a:hover {color:#f1592a}
+.sitemap dl dd ul {padding:2px 0 20px;}
+.sitemap dl dd ul li a {background:none; color:#f1592a; font-size:12px; line-height:20px; padding:0 0 0 20px;}