<style>

    #divTabStory .note-editor mark,
    #divTabStory .note-editor .mark {
        color: #FAFAFA;
        background-color: #1684CF;
    }
    #divTabStory .note-editor .mark-red {
        color: #FAFAFA;
        background-color: #E06666;
    }
    #divTabStory .note-editor .mark-black {
        color: #FAFAFA;
        background-color: #222222;
    }

    #divTabStory .note-editor .c-blue {
        color: #E4C551;
    }
    #divTabStory .note-editor .c-orange {
        color: var(--point-color);
    }

    /* common class */

    #divTabStory .note-editor u {
        text-decoration: none;
        border-bottom: 2px solid var(--point-color) !important;
    }
    #divTabStory .note-editor a:link {
        font-size: inherit !important;
        color: inherit !important;
        text-decoration:underline;
    }
    #divTabStory .note-editor a:hover {
        font-size: inherit !important;
        color: var(--point-color) !important;
        text-decoration:underline;
    }
    
    #divTabStory .note-editor b {
        font-weight: bold;
        margin: auto;
        font-size: inherit !important;
        color: inherit !important;
    }
    #divTabStory .note-editor h2 b {
        font-weight: 600;
        font-size: 22px !important;
    }
    #divTabStory .note-editor h3 b {
        font-weight: 600;
        font-size: 20px !important;
    }
    
    #divTabStory .note-editor h4 b {
        font-weight: 600;
        font-size: 18px !important;
    }
    
    #divTabStory .note-editor h5 b {
        font-weight: bold;
        /*font-size: 14px !important;*/
    }
    
    #divTabStory .note-editor h6 b {
        font-weight: bold;
        /*font-size: 13px !important;*/
    }        

    /* layout  */
    #divTabStory .note-editor {
        width: 100%;
        margin: 0 auto;
        line-height: 1.6;
        font-size: 14px;
        font-weight: 300;
        text-align: left;
        color: #464646;
    }
    #divTabStory .note-editor span {
        font-size: inherit;
    }

    #divTabStory .note-editor h1 {
        margin: 1em 0;
        font-size: 24px !important;
        font-weight: 600;
    }
    #divTabStory .note-editor h2 {
        margin: 1em 0;
        font-size: 22px !important;
        font-weight: 600;
    }
    #divTabStory .note-editor h3 {
        margin: 1em 0;
        font-size: 20px !important;
        font-weight: 600;
    }
    
    #divTabStory .note-editor h4 {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
        font-size: 18px !important;
    }
    
    #divTabStory .note-editor h5 {
        margin: 0;
        font-weight: normal;
        font-size: 13px !important;
    }

    #divTabStory .note-editor h6 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    }
 
    #divTabStory .note-editor .blockquote_bar{
        line-height:1.3 !important;
        padding-left: 5px;
        border-left: 7px solid var(--point-color);
    }
  /*작은 세모구분자 - 핑크 
    #divTabStory .note-editor .blockquote_square {
        margin-left : 3px;
        padding-left: 13px;
        display : inline-block;
        background:url("/files/icon_blockquote_square_pink.png") no-repeat 0 10px;
    }
    */
    
    #divTabStory .note-editor .blockquote_square::before {
        content:"■";        
        color:var(--point-color);
        font-size:10px;
        vertical-align:text-top;
        padding-right:5px;        
    }
    
    #divTabStory .note-editor blockquote {
        display: table;
        padding: 1em 3px !important;
        margin: 0em auto !important;
        border-top: 3px solid #444444;
        border-bottom: 3px solid #333333;
        border-left: none !important;
        border-radius: 10px;
        font-size: inherit;
        text-align: center;
    }
   #divTabStory .note-editor .blockquote_center {
      display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;    
    margin: 0;
    color: #000;   
    /*font-size: 1.5em !important;*/
    padding-top: 10px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
        
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    text-align: center; 
    word-break:keep-all;
   }
   #divTabStory .note-editor .blockquote_center::before {
      background-image: url(/image/img_quotation_1.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    display: block;
    margin: 5px auto 12px;
    width: 23px;
    height: 24px;
    /*font-size: 24px;*/
    line-height: 1;   
   }
   #divTabStory .note-editor .blockquote_center::after {
    background-image: url(/image/img_quotation_2.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    display: block;
    margin: 12px auto 5px;
    width: 23px;
    height: 24px;
    /*font-size: 20px;*/
    line-height: 1;
    }

    #divTabStory .note-editor .border_rectangle{   
        text-align: center;
        border: 2px solid var(--point-color);
        padding: 10px; 20px;
        word-break:keep-all;
    }    
     
  /* eunah  */
    #divTabStory .note-editor p,
    #divTabStory .note-editor li {
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        line-height: inherit;
        font-size: 15px;
        color: #464646;
    }
    #divTabStory .note-editor p{
        text-align:justify;    	
    }
    
    #divTabStory .note-editor ul,
    #divTabStory .note-editor ol {
        -webkit-padding-start:2em;

        -webkit-margin-before: 0;
        -webkit-margin-after: 0;

        font-size: inherit;
        text-align: left;
    }
    #divTabStory .note-editor ul {
        list-style-type: disc;
    }
    #divTabStory .note-editor ol {
        list-style-type: decimal;
    }

    #divTabStory .note-editor li {
        padding: 0.2em 0;
        margin: 0;
        font-size: 15px;
    }
    #divTabStory .note-editor ul li::marker{
      font-size:10px;
    }
    /*
    #divTabStory .note-editor li p {
        margin: 0 0 10px 0;
    }
*/
    #divTabStory .note-editor img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: auto;
    }

    .note-editable ul, menu, dir {
        -webkit-padding-start: 2em;
    }

    /* common table 이은아 수정*/

    #divTabStory .note-editor table {
        width: 100%;
        margin: 0 auto;
        font-size: 15px;
        line-height: inherit;
        border-collapse: collapse;
        border-spacing: 0px;
        border: 1px solid #d9d9d9;
    }

    #divTabStory .note-editor table tbody tr th,
    #divTabStory .note-editor table tbody tr td {
        padding: 8px;
        font-size:15px;        
        border: 1px solid #d9d9d9;
        height:32px;
    }

    #divTabStory .note-editor table tbody tr th {
        text-align: center;
        background-color: #eeeeee;
        font-weight:bold;
        height:32px;
    }

    #divTabStory .note-editor table ul,
    #divTabStory .note-editor table ol {
        -webkit-padding-start:1.5em;

        -webkit-margin-before: 0;
        -webkit-margin-after: 0;

        font-size: inherit;
        text-align: left;
    }
/*
        #divTabStory .note-editor table li{
        font-size:14px;   
    }

    #divTabStory .note-editor .table-bordered td {
    	word-break: keep-all;        
    }*/
	#divTabStory .note-editor .table-bordered{
        background-color: #ffffff;
    }
    
    #divTabStory .note-editor .table-bordered.h_30 th,
    #divTabStory .note-editor .table-bordered.h_30 td {
        /*border: 0.1px solid #EEEEEE;*/
        height:22px;
        padding:4px;
    }
    
    #divTabStory .note-editor .table-bordered.h_20 th,
    #divTabStory .note-editor .table-bordered.h_20 td {
        /*border: 0.1px solid #EEEEEE;*/
        height:22px;
        padding:1px;
        font-size:12px;
    }
    
    #divTabStory .note-editor .table-bordered.f_14 td,
    #divTabStory .note-editor .table-bordered.f_14 li {
        font-size:14px;
    }
    

    /* responsive table */

    #divTabStory .note-editor table.responsive {
        table-layout: fixed;
    }
    #divTabStory .note-editor table.responsive > tbody {
        vertical-align: top;
    }
    #divTabStory .note-editor table.responsive > tbody > tr > td {
        display: block;
       /* border: 0.1px solid #EEEEEE;*/
        background-color: #FFFFFF;    
        height:auto;
    }
    /* summary table */

    #divTabStory .note-editor table.summary-vertical tbody tr td {
        text-align: left;
    }
    #divTabStory .note-editor table.summary-vertical tbody tr td:nth-child(1){
        text-align: center;
        font-weight: 500;
        background-color: #CCCCEE;
    }

    #divTabStory .note-editor table.summary-horizontal tbody tr:nth-child(1) td {
        text-align: center;
        font-weight: 500;
        background-color: #CCCCEE;
    }



    /* merged tabled */

    #divTabStory .note-editor table.merged tbody {
        border: 1px solid #EFEFEF;
    }
    #divTabStory .note-editor table.merged tbody tr {
        background-color: #FAFAFA;
    }
    #divTabStory .note-editor table.merged tbody tr th,
    #divTabStory .note-editor table.merged tbody tr td {
        padding: 2px 14px;
    }
    #divTabStory .note-editor table.merged tbody tr:nth-child(2) {
        border-top: 1px solid #87959E;
    }


    /* finance table */

    #divTabStory .note-editor table.finance tbody tr td {
        padding: 2px 15px;
        letter-spacing:0.5px;
        color: #666666;
    }

    #divTabStory .note-editor table.finance tbody tr td:nth-child(2),
    #divTabStory .note-editor table.finance tbody tr td:nth-child(3),
    #divTabStory .note-editor table.finance tbody tr td:nth-child(4) {
        text-align: right;
    }

    #divTabStory .note-editor table.finance tbody td.title {
        background-color: #f8f8f8;
    }
    #divTabStory .note-editor table.finance tbody td.title_right{
        background-color: #f8f8f8;
        text-align: right; 
        margin-bottom: 0;
    }

    #divTabStory .note-editor table.finance tbody tr.sum td {
        color: #333333;
        font-weight: 600;
    }

    #divTabStory .note-editor table.gallery * {
        padding: 1px 2px;
        background: none !important;
    }

    #divTabStory .note-editor .organization tr {
        background-color: #FFFFFF;
    }
    #divTabStory .note-editor .organization td {
        padding-bottom: 20px !important;
    }
    #divTabStory .note-editor .organization img {
        width: 80px;
        display: inline-block !important;
        margin: 3px 10px 0 0 !important;
        vertical-align: top;
        border-radius: 100%;
    }
    #divTabStory .note-editor .organization div {
        display: inline-block !important;
        width: 65%;
    }

    #divTabStory .note-editor .mobile-only-block {
        display: block;
    }
    #divTabStory .note-editor .mobile-only-table {
        display: table;
    }
    #divTabStory .note-editor .pc-only-block,
    #divTabStory .note-editor .pc-only-table {
        display: none;
    }
    #divTabStory .note-editor .orange_box td {
        background-color:#fff;
        border-style:solid;
        border-color:var(--point-color);
        border-width:2px;
        border-radius:10px;
        padding: 10px 20px;
       /* word-break: keep-all;
        text-align: center;    */
    }
    #divTabStory .note-editor table.responsive tbody tr td.arrow {
       padding:0;
    }

    /*30% 이미지*/
    #divTabStory .note-editor table.responsive tbody tr td.pc30 {
	       width: inherit;
    }

/*pc*/
    @media only screen and (min-width: 768px) {
    
        #divTabStory .note-editor strong {
            font-weight: bold;
        }

        #divTabStory .note-editor ul,
        #divTabStory .note-editor ol {
            -webkit-padding-start:2em;

            -webkit-margin-before: 0;
            -webkit-margin-after: 0;

            font-size: inherit;
            text-align: left;
        }
        #divTabStory .note-editor li {
            margin: 0;
            font-size: 15px;

        }
        #divTabStory .note-editor table.responsive tbody tr td {
            display: table-cell;
        }

        #divTabStory .note-editor table.responsive tbody tr td.arrow {
            width: 30px;
        }
        
	    #divTabStory .note-editor table.responsive tbody tr td.pc30 {
	       width: 30%;
	    }

        #divTabStory .note-editor .organization img {
            width: 100px;
        }
        #divTabStory .note-editor .organization h4 {
            margin: 0 !important;
            font-weight: 600 !important;
        }
        #divTabStory .note-editor .organization ul {
            -webkit-padding-start: 15px;
            -webkit-margin-before: 0.5em;
        }
        #divTabStory .note-editor .organization ul li {
            font-size: 110% !important;
        }
        

        #divTabStory .note-editor .mobile-only-block,
        #divTabStory .note-editor .mobile-only-table {
            display: none;
        }
        #divTabStory .note-editor .pc-only-block {
            display: block;
        }
        #divTabStory .note-editor .pc-only-table {
            display: table;
        }

        #divTabStory .note-editor .pc-w25 {
            width: 25% !important;
        }
        #divTabStory .note-editor .pc-w50 {
            width: 50% !important;
        }
        #divTabStory .note-editor .pc-w75 {
            width: 75% !important;
        }
        /*pc에서는 이미지 나란히 보이기? */
       #divTabStory .note-editor img {
        display: inline;
   	 }
    
    }
</style>