.cms-title-h1 { font-size: 36px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h2 { font-size: 30px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h3 { font-size: 24px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h4 { font-size: 18px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h5 { font-size: 16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h6 { font-size: 12px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.cms-title-h6-sub { color: #bbb; margin-left: 20px; font-size: 12px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }

.cms-title-12 { font-family: 'noto'; font-weight: 500; font-size: 12px; }
.cms-title-13 { font-family: 'noto'; font-weight: 500; font-size: 13px; }
.cms-title-14 { font-family: 'noto'; font-weight: 500; font-size: 14px; }
.cms-title-15 { font-family: 'noto'; font-weight: 500; font-size: 15px; }
.cms-title-16 { font-family: 'noto'; font-weight: 500; font-size: 16px; }
.cms-title-17 { font-family: 'noto'; font-weight: 500; font-size: 17px; }
.cms-title-18 { font-family: 'noto'; font-weight: 500; font-size: 18px; }
.cms-title-19 { font-family: 'noto'; font-weight: 500; font-size: 19px; }
.cms-title-20 { font-family: 'noto'; font-weight: 500; font-size: 20px; }
.cms-title-22 { font-family: 'noto'; font-weight: 500; font-size: 22px; }
.cms-title-24 { font-family: 'noto'; font-weight: 500; font-size: 24px; }
.cms-title-26 { font-family: 'noto'; font-weight: 500; font-size: 26px; }

.cms-text-title { font-family: 'Noto'; font-size: 24px; line-height: 24px; font-weight: 500; }
.cms-text-title-navy { font-family: 'Noto'; font-size: 24px; line-height: 24px; font-weight: 500; color: #050099; }
.cms-text-title ._sub1 { font-family: 'Noto'; font-size: 15px; line-height: 24px; font-weight: 400; margin-left: 20px; color: green; }
.cms-text-contents { font-family: 'Noto'; font-size: 15px; line-height: 28px; }
.cms-text-contents > ._title { font-family: inherit; font-size: 16px; line-height: 29px; font-weight: 500; }
.cms-text-contents > ._red { font-family: inherit; color: red; }
.cms-text-contents > ._blue { font-family: inherit; color: blue; }
.cms-text-contents > ._mint { font-family: inherit; color: #00B4DB; }
.cms-text-contents > ._green { font-family: inherit; color: #47C83E; }
.cms-text-contents > ._orange { font-family: inherit; color: #FFBB00; }
.cms-text-contents > ._violet { font-family: inherit; color: #BD24A9; }
.cms-text-contents > a, .cms-text-contents > a:hover { font-family: inherit; color: blue; }

.cms-btn-white { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #bbb; border-radius: .3rem; text-decoration: none; color: #666; font-size: 12px; padding: 3px 6px 0; }
.cms-btn-white:hover, .cms-btn-white:active { text-decoration: none; color: #666; }
.cms-btn-white2 { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #bbb; border-radius: .3rem; text-decoration: none; color: #666; font-size: 11px; padding: 1px 2px 0 2px; }
.cms-btn-white2:hover, .cms-btn-white2:active { text-decoration: none; color: #666; }
.cms-a-black { text-decoration: none; color: #000; }
.cms-a-black:hover, .cms-a-black:active { text-decoration: none; color: #000; }

.cms-line-box { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .5rem; width: 100%; }
.cms-view-box { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .5rem; width: 100%; min-height: 700px; padding: 40px; margin: 20px 0; }
.cms-text-box { display: inline-block; word-wrap: break-word; background-color: #f5f5f5; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); width: 100%; padding: 15px 30px; font-size: 12px; line-height: 20px; }
.cms-text-box .cms-symbol { margin-right: 15px; }
.cms-text-box-white { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 2px solid rgba(0,0,0,.125); width: 100%; padding: 20px 30px; font-size: 13px; line-height: 30px; }
.cms-text-box-white .cms-symbol { margin-right: 15px; font-weight: bold; }
.cms-pre-box { border: 0; background: white; white-space: pre-wrap; }
.cms-gray-box { display: inline-block; width: 100%; background: #f5f5f5; }
.cms-white-box { display: inline-block; width: 100%; background: #fff; border: 1px solid rgba(0,0,0,.125); }
.cms-title-box { display: inline-block; width: 100%; }
.cms-title-search-left { float: left; }
.cms-title-search-right { float: right; width: 980px; background: #f5f5f5; padding: 12px; }
.cms-title-search-table { float: right; }
.cms-title-search-table > tbody > tr > th { padding: 2px 0 2px 10px; text-align: right; font-size: 13px; }
.cms-title-search-table > tbody > tr > td { padding: 2px 10px; text-align: left; }
.cms-title-search-select-100 { width: 100px; height: 26px; font-size: 12px; padding: 0 2px; }
.cms-title-search-form-70 { width: 70px; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-form-80 { width: 80px; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-form-100 { width: 100px; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-form-120 { width: 120px; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-form-150 { width: 150px; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-form-full { width: 100%; height: 26px; font-size: 12px; padding: 0 6px; }
.cms-title-search-btn1 { width: 80px; height: 26px; background: #58a258; color: #fff; font-size: 13px; line-height: 13px; padding: 5px 15px; font-weight: bold; border: 0; }
.cms-title-search-btn2 { width: 80px; height: 26px; background: #eee; color: #000; font-size: 13px; line-height: 13px; padding: 5px 15px 4px; border: solid 1px #999; }
.cms-title-search2-form-80 { width: 80px; height: 22px; font-size: 12px; padding: 0 6px; border: solid 1px #bbb; outline: none; }
.cms-title-search2-form-110 { width: 110px; height: 22px; font-size: 12px; padding: 0 6px; border: solid 1px #bbb; outline: none; }
.cms-title-search2-form-150 { width: 150px; height: 22px; font-size: 12px; padding: 0 6px; border: solid 1px #bbb; outline: none; }
.cms-title-search2-btn { height: 22px; background: #eee; color: #555; font-size: 13px; line-height: 20px; padding: 0 15px; border: solid 1px #bbb; }
.cms-title-search2-btn2 { height: 22px; background: #eee; color: #555; font-size: 13px; line-height: 20px; padding: 0 5px; border: solid 1px #bbb; }

.cms-link-menu a { text-decoration: none; color: gray; }
.cms-link-bar { margin: 0 10px; color: #ddd; }

.cms-hr-white-25 { margin: 0; border-color: rgba(255,255,255,.25); }
.cms-hr-black-10 { margin: 0; border-color: rgba(0,0,0,.10); }

.cms-list-table { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.cms-list-table > thead > tr { background: #899eaf; color: #fff; }
.cms-list-table > thead > tr > th { padding: 8px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table > tbody > tr:nth-child(2n) { background: #f5f5f5; }
.cms-list-table > tbody > tr > td { padding: 8px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table ._left { text-align: left; padding-left: 20px; }

.cms-list-table1 { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; font-size: 14px; font-weight: bold; }
.cms-list-table1 > thead > tr { background: #f4eafa; color: #5115b4; }
.cms-list-table1 > thead > tr > th { padding: 12px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table1 > tbody > tr:nth-child(2n) { background: #f5f5f5; }
.cms-list-table1 > tbody > tr > td { padding: 12px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table1 ._left { text-align: left; padding-left: 20px; }

.cms-list-table2 { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.cms-list-table2 > thead > tr { background: #91a6b7; color: #fff; }
.cms-list-table2 > thead > tr > th { padding: 8px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table2 > tbody > tr:nth-child(4n) { background: #f5f5f5; }
.cms-list-table2 > tbody > tr:nth-child(4n-1) { background: #f5f5f5; }
.cms-list-table2 > tbody > tr > td { padding: 8px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table2 ._left { text-align: left; padding-left: 20px; }

.cms-list-table3 { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.cms-list-table3 > tbody > tr > th { padding: 8px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #f7f7f7; }
.cms-list-table3 > tbody > tr > td { padding: 8px 0 8px 20px; text-align: left; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }

.cms-list-table4 { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.cms-list-table4 > tbody > tr > td { padding: 8px 0 8px 15px; text-align: left; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; cursor: pointer; }

.cms-list-table5 { width: 100%; border-left: solid 1px #ddd; border-top: solid 1px #ddd; }
.cms-list-table5 > tbody > tr > th { padding: 10px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #f7f7f7; }
.cms-list-table5 > tbody > tr > td { padding: 10px 0; text-align: center; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.cms-list-table5 .cms-align-left { text-align: left; padding-left: 20px; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #aaa; border-color: #aaa;}
.pagination > li > a, .pagination > li > a:focus, .pagination > li a:hover,
.pagination > li > span, .pagination > li > span:focus, .pagination > li > span:hover { color: #888; }

.cms-no-list { width: 100%; padding: 150px 0; font-size: 15px; color: gray; text-align: center; }
.cms-no-list2 { text-align: center; height: 300px; font-size: 15px; font-weight: bold; color: gray; }
.cms-no-list3 { text-align: center; height: 150px; font-size: 15px; font-weight: bold; color: gray; }
.cms-no-list-img { width: 100%; padding: 60px 0; text-align: center; }

.cms-tab4-box { display: inline-block; border-bottom: solid 1px #449aa7; width: 100%; margin-top: 20px; }
.cms-tab4 { float: left; width: 298px; height: 36px; line-height: 36px; font-family: 'noto'; font-weight: 500; font-size: 13px; text-align: center; margin-right: 2px; background: #f5f5f5; color: #000; }
.cms-tab4:hover, .cms-view-tab:active { text-decoration: none; color: #000; }
.cms-tab4-on { float: left; width: 298px; height: 36px; line-height: 36px; font-family: 'noto'; font-weight: 500; font-size: 13px; text-align: center; margin-right: 2px; background: #449aa7; color: #fff; }
.cms-tab4-on:hover, .cms-view-tab-on:active { text-decoration: none; color: #fff; }
.cms-tab4-blank { float: left; width: 298px; height: 36px; background: #fff; }

.cms-tab3-box { display: inline-block; border-bottom: solid 1px #449aa7; width: 100%; margin-top: 20px; }
.cms-tab3 { float: left; width: 33%; height: 46px; line-height: 46px; font-family: 'noto'; font-weight: 500; font-size: 16px; text-align: center; margin-right: 2px; background: #f5f5f5; color: #000; }
.cms-tab3:hover, .cms-view-tab:active { text-decoration: none; color: #000; }
.cms-tab3-on { float: left; width: 33%; height: 46px; line-height: 46px; font-family: 'noto'; font-weight: 500; font-size: 16px; text-align: center; margin-right: 2px; background: #449aa7; color: #fff; }
.cms-tab3-on:hover, .cms-view-tab-on:active { text-decoration: none; color: #fff; }
.cms-tab3-blank { float: left; width: 33%; height: 46px; background: #fff; }

.cms-pop-memo { position: absolute; box-sizing: border-box; top: 0; right: 0; padding: 3px; border: 1px solid orangered; font-size: 11px; background: #fff; color: red; animation-duration: 1.2s; animation-name: cms-red-twinkle; animation-iteration-count: infinite; }
@keyframes cms-red-twinkle {
    from {color: white;}
    to {color: red;}
}

.cms-twinkle-orange { animation-name: cms-orange-twinkle; animation-duration: 1.2s; animation-iteration-count: infinite; }
@keyframes cms-orange-twinkle {
    from {color: white;}
    to {color: orange;}
}

.cms-twinkle-orangered { animation-name: cms-orangered-twinkle; animation-duration: 1.2s; animation-iteration-count: infinite; }
@keyframes cms-orangered-twinkle {
    from {color: white;}
    to {color: orangered;}
}

.cms-twinkle-red { animation-name: cms-red-twinkle; animation-duration: 1.2s; animation-iteration-count: infinite; }
@keyframes cms-red-twinkle {
    from {color: white;}
    to {color: red;}
}

.cms-blind  { position: absolute; width: 1px; height: 1px; clip: rect(0px, 0px, 0px, 0px); margin: -1px; overflow: hidden; }