@charset "UTF-8";

/* 전체 공통 */
.text-bg01 {background: #777D7D; border-radius: 5px; padding: 2px 8px; color: #fff;}
.text-bg02 {background: #78C6C3; border-radius: 5px; padding: 2px 8px; color: #fff;}
.section {margin-bottom: 30px;}
.section-contents {margin: 0 10px 50px 30px;}
.section-contents p {margin-bottom: 20px; line-height: 1.8;}
.section-box02 {background: #F9D9CB; padding: 15px; border: 1px solid #EA897C; border-radius: 10px; line-height: 1.8; margin-top: 30px;}
.section-box03 p {font-weight: bold;}
.section-box03 .box {padding: 10px; text-align: justify;}
.section-table {margin: 30px 0 20px 0;}
.section-table p {font-size: 16px; margin-bottom: 5px; font-weight: bold;}
.sc-group {width: 96%; display: inline-block;}
.table-type {border: none;}
.databook-img {max-width: 100%; margin-bottom: 10px; border: 1px solid #E0E0E0;}
.img-s {width: 23px; margin: 0;}
.img-arrow::before { content: url('/images/dataBook/arrow_r.png'); vertical-align: middle;}
.img-caution {color: #E05651; font-size: 16px; font-weight: bold;}
.img-caution::before { content: url('/images/dataBook/caution.png'); vertical-align: middle;}
.img-help {color: #E05651; font-size: 16px; font-weight: bold;}
.img-help::before { content: url('/images/dataBook/help.png'); vertical-align: top;}
.nextpg {display: flex; justify-content: end;}
.nextpg a {color: #000; background-color: #f3f3f3; padding: 10px; border-radius: 25px; border: 1px solid #e0e0e0;}
.nextpg a:hover {opacity: 0.8;}
.nextpg a span {padding: 5px 10px; font-weight: bold; background-color: #666; border-radius: 25px; margin-left: 5px; color: white;}
.img-logo {width: 30px;}
.sub-title span {font-size: 14px; color: #666;}
.sub-title span a:hover {color: #356fc5;}
.sub-title span img {vertical-align: text-top;}


/* 챕터1 */
.ch01 .info {margin-bottom: 30px; border: 3px solid #A5CEE3 ; padding: 15px; border-radius: 10px;}
.ch01 .info p {font-size: 15px; line-height: 1.8; color: #3F8EB0;}
.ch01 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #3F8EB0; margin-bottom: 25px;}
.ch01 .section-title span {padding: 12px; background: #6EB7DA; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch01 .section-box01 {background: #E1EFF5; padding: 15px; border: 1px solid #6EB7DA; border-radius: 10px; line-height: 1.8; margin-bottom: 20px;}
.ch01 .section-box03 {padding: 15px; border: 1px solid #6EB7DA; border-radius: 10px; line-height: 1.8; text-align: center;}
.ch01 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p01.png') no-repeat left/14px;}
.ch01 .section-table p span {color: #3F8EB0;}
.ch01 .table-style th {background-color: #A5CEE3; color: #3F8EB0;}


/* 챕터2 */
.ch02 .info {margin-bottom: 30px; border: 3px solid #A6D3B9 ; padding: 15px; border-radius: 10px;}
.ch02 .info p {font-size: 15px; line-height: 1.8; color: #449977;}
.ch02 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #449977; margin-bottom: 25px;}
.ch02 .section-title span {padding: 12px; background: #6EBE98; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch02 .section-box01 {background: #E1F0E5; padding: 15px; border: 1px solid #6EBE98; border-radius: 10px; line-height: 1.8; margin-bottom: 20px;}
.ch02 .section-box03 {padding: 15px; border: 1px solid #6EBE98; border-radius: 10px; line-height: 1.8; text-align: center;}
.ch02 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p02.png') no-repeat left/14px;}
.ch02 .section-table p span {color: #449977;}


/* 챕터3 */
.ch03 .info {margin-bottom: 30px; border: 3px solid #BFDA95; padding: 15px; border-radius: 10px;}
.ch03 .info p {font-size: 15px; line-height: 1.8; color: #6B9C35;}
.ch03 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #6B9C35; margin-bottom: 25px;}
.ch03 .section-title span {padding: 12px; background: #9AC762; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch03 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p03.png') no-repeat left/14px;}
.ch03 .section-box03 {padding: 15px; border: 1px solid #9AC762; border-radius: 10px; line-height: 1.8; text-align: center;}

.section-box04 {background: #FFEDD8; padding: 15px; border: 1px solid #F8CC99; border-radius: 10px; line-height: 1.8; margin-top: 30px;}
.section-box04 p {margin: 0;}
.section-box05 {background: #fff; padding: 10px; border: 1px solid #F8CC99; border-radius: 10px; line-height: 1.8; margin-bottom: 5px;}
.font-box05-st {color: #F8CC99; font-weight: bold;}
.img-codebg {background: url('/images/dataBook/3-01.jpg') no-repeat; padding: 10px 10px 10px 58px; background-size: cover; margin-bottom: 10px;}
.img-codebg p {margin-bottom: 0;}
.codebg {background-color: #f8f8f8; border:1px solid #E0E0E0; padding: 10px 10px 10px 58px; margin-bottom: 20px;}
.codebg p {margin-bottom: 0;}
.c-g {color: green;}
.c-b {color: blue;}
.c-r {color: red;}
.c-p {color: purple;}
.ft-it {font-style: italic; color: #999;}
.ft-st01 {font-size: 16px; font-weight: bold; color: #6B9C35;}
.dash {border: 1px dashed #999; padding: 15px;}


/* 챕터4 */
.ch04 .info {margin-bottom: 30px; border: 3px solid #F6C588; padding: 15px; border-radius: 10px;}
.ch04 .info p {font-size: 15px; line-height: 1.8; color: #BF7A25;}
.ch04 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #BF7A25; margin-bottom: 25px;}
.ch04 .section-title span {padding: 12px; background: #F0A651; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch04 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p04.png') no-repeat left/14px;}
.ch04 .section-box03 {padding: 15px; border: 1px solid #F0A651; border-radius: 10px; line-height: 1.8; text-align: center;}

.imgp-group {display: flex;}
.imgp-group div {display: flex; padding: 15px; margin-left: 15px; background-color: antiquewhite; height: 100%;}
.imgp-group p {margin: 0 0 0 5px;}
.ft-st02 {font-size: 16px; font-weight: bold; color: #BF7A25;}


/* 챕터5 */
.ch05 .info {margin-bottom: 30px; border: 3px solid #F3C5C4; padding: 15px; border-radius: 10px;}
.ch05 .info p {font-size: 15px; line-height: 1.8; color: #BF7A82;}
.ch05 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #BF7A82; margin-bottom: 25px;}
.ch05 .section-title span {padding: 12px; background: #EEA5A9; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch05 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p05.png') no-repeat left/14px;}
.ch05 .section-box01 {background: #FCE6E2; padding: 15px; border: 1px solid #EEA5A9; border-radius: 10px; line-height: 1.8; margin-bottom: 20px;}
.ch05 .ft-st01 {font-size: 16px; font-weight: bold; color: #BF7A82;}
.ch05 .table-style th {background-color: #F3C5C4; color: #BF7A82;}

.c-01 {color: #BF7A82;}
.c-w {color: #fff;}
.block-c {border: 2px solid #999; padding: 6px; margin-right: 3px;}
.bc1-1 {background-color: #FFFFB2;}
.bc1-2 {background-color: #FECC5C;}
.bc1-3 {background-color: #FD8D3C;}
.bc1-4 {background-color: #F03B20;}
.bc1-5 {background-color: #BD0026;}
.bc2-1 {background-color: #EFF3FF;}
.bc2-2 {background-color: #BDD7E7;}
.bc2-3 {background-color: #6BAED6;}
.bc2-4 {background-color: #3182BD;}
.bc2-5 {background-color: #08519C;}
.bc3-1 {background-color: #EDF8FB;}
.bc3-2 {background-color: #B2E2E2;}
.bc3-3 {background-color: #66C2A4;}
.bc3-4 {background-color: #2CA25F;}
.bc3-5 {background-color: #006D2C;}


/* 챕터6 */
.ch06 .info {margin-bottom: 30px; border: 3px solid #CCB4CD; padding: 15px; border-radius: 10px;}
.ch06 .info p {font-size: 15px; line-height: 1.8; color: #8C668C;}
.ch06 .section-title {background: #f2f2f2; border-radius: 10px; padding: 5px; font-family: 'Nanum Square Bold'; font-size: 20px; color: #8C668C; margin-bottom: 25px;}
.ch06 .section-title span {padding: 12px; background: #B58FB5; border-radius: 5px; color: #fff; margin: 0 10px 0 5px;}
.ch06 .img-p {width: 3%; display: inline-block; vertical-align: top; padding-top: 23px; background: url('/images/dataBook/p06.png') no-repeat left/14px;}