/* img select disable */
img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}


/*----------------------------------------------------------
    책 내용
    --------------------------------------------------
    spadecompany 2020.11
    장병주
------------------------------------------------------------*/

/* layout */
.book_wrap {position: absolute; top: 65px; left: 0; width: calc(100% - 13px); height: calc(100% - 65px); overflow: auto}
.book_wrap .ch_body {max-width:860px; padding: 70px 30px; margin: auto; font-size: 1.1rem;}

.book_wrap .part {margin-bottom: 40px;}
.book_wrap .part:last-child {margin-bottom: 0;}
.book_wrap .part .inner>.img_area{margin-bottom: 20px;max-width:100%;}

.book_wrap .box_cnt {padding: 20px 15px; border-radius: 15px; margin-bottom: 20px; word-break: keep-all}

.book_wrap .box_cnt.img_bg_box {display: flex; align-items: center}
.book_wrap .box_cnt.img_bg_box .img_area {margin: 0 0 -20px;}
.book_wrap .box_cnt.img_bg_box .txt_area {padding-left: 20px; font-size: 1rem; }

/*-------------------------------------
    ui
--------------------------------------*/
:root .book_wrap {
    --ch1-color: #f68b1e;
    --ch1-bg-color: #fef4e9;
    --ch2-color: #5da83d;
    --ch2-bg-color: #f5f9f2;
    --ch3-color: #6e60ab;
    --ch3-bg-color: #f1f0f8;
    --ch4-color: #00adba;
    --ch4-bg-color1: #ebf6f8;
    --ch4-bg-color2: #f2f9fa;
    --ch5-color: #f172ac;
    --ch5-bg-color: #fef3f8;
    --ch6-color: #F15E3F;
    --ch6-bg-color1: #FDF0E9;
    --ch6-bg-color2: #FEF7F4;
    --ch7-color: #4268B2;
    --ch7-bg-color1: #EBEDF6;
    --ch8-color: #f47835;
    --ch8-bg-color1: #f99f6e;
    --ch9-color: #08a396;
    --ch9-bg-color1: #ecf5f5;
    --ch10-color:#dc8e25;
    --ch10-bg-color:#fbf3e8;
    --ch11-color:#00a955;
    --ch11-bg-color:#ebf6ee;
    --ch12-color:#f36f6b;
    --ch12-bg-color:#fef7f5;
    /*중급*/
    --level2-ch1-color: #f68b1e;
    --level2-ch1-bg-color: #fef4e9;
    --level2-ch2-color: #d2693e;
    --level2-ch2-bg-color: #fcf7f3;
    --level2-ch3-color: #83b740;
    --level2-ch3-bg-color: #f9fbf4;
    --level2-ch4-color: #259046;
    --level2-ch4-bg-color: #f4f8f3;
    --level2-ch5-color: #34a6b7;
    --level2-ch5-bg-color: #f3f8f9;
    --level2-ch6-color: #5172ae;
    --level2-ch6-bg-color: #f4f5fa;
    --level2-ch7-color: #d371a3;
    --level2-ch7-bg-color1: #fcf5f9;
    --level2-ch8-color: #cf4a74;
    --level2-ch8-bg-color: #fcf6f6;
    --level2-ch9-color: #cb4b37;
    --level2-ch9-bg-color: #fcf5f2;
    --level2-ch10-color: #ae2a23;
    --level2-ch10-bg-color: #faf2ee;
    --level2-ch11-color: #88619e;
    --level2-ch11-bg-color: #f8f6fa;
    --level2-ch12-color: #544f94;
    --level2-ch12-bg-color: #f4f3f8;
}


/* Grid */
.book_wrap .grid:after {display: block; content: ''; clear: both; }
.book_wrap .grid>.col {float: left; width: 100%; min-height: 1px;}
.book_wrap .grid>.col.right {float: right;}


/* 구터 넒이 */
.book_wrap .grid.grid_4 {margin-left: -4px; margin-right: -4px;}
.book_wrap .grid.grid_4>.col {padding: 0 4px;}
.book_wrap .grid.grid_5 {margin-left: -5px; margin-right: -5px;}
.book_wrap .grid.grid_5>.col {padding: 0 5px;}

.book_wrap .grid.grid_10 {margin-left: -10px; margin-right: -10px;}
.book_wrap .grid.grid_10>.col {padding: 0 10px;}

.book_wrap .grid.grid_15 {margin-left: -15px; margin-right: -15px;}
.book_wrap .grid.grid_15>.col {padding: 0 15px;}

.book_wrap .grid.grid_20 {margin-left: -20px; margin-right: -20px;}
.book_wrap .grid.grid_20>.col {padding: 0 20px;}

/* 너비 - 자신 칸수 */
.book_wrap .grid>.col.col_1 {width: 8.33333333%;}
.book_wrap .grid>.col.col_2 {width: 16.6666%;}
.book_wrap .grid>.col.col_3 {width: 25%;}
.book_wrap .grid>.col.col_4 {width: 33.3333%;}
.book_wrap .grid>.col.col_5 {width: 41.66666667%;}
.book_wrap .grid>.col.col_6 {width: 50%;}
.book_wrap .grid>.col.col_7 {width: 58.33333333%;}
.book_wrap .grid>.col.col_8 {width: 66.66666667%;}
.book_wrap .grid>.col.col_9 {width: 75%;}
.book_wrap .grid>.col.col_10 {width: 83.33333334%;}
.book_wrap .grid>.col.col_11 {width: 91.66666667%;}
.book_wrap .grid>.col.col_12 {width: 100%;}
.book_wrap .grid>.col.col_x5 {width: 20%;}

/* typo */
.book_wrap .ttl_area {margin-bottom: 30px;}
.book_wrap .ttl_area h1 {position: relative; padding-left: 60px; font-size: 1.5rem; font-weight: 700; letter-spacing: -.06em; word-break: keep-all}
.book_wrap .ttl_area h1 .no {display: inline-block; position: absolute; left: 0; top: 0; min-width: 50px; color: #fff; text-align: center; border-radius: 10px;}


.book_wrap .ttl_area.has_btn {
    position: relative;
    padding-right: 140px;
}
.book_wrap .ttl_area.has_btn .btn{
    display: block;
    position: absolute;
    right: 0;
    top: .12em;
}
.book_wrap .ttl_area.has_btn .btn figure {
    display: inline-block;
    width: 128px;
    height: 34px;
    background-repeat: no-repeat;
}
.book_wrap .btn_class {
    background-image: url(../img/edu/ebook/btn_claas.png);
}
.book_wrap .btn_training {
    background-image: url(../img/edu/ebook/btn_training.png);
}

.book_wrap .ttl h2 {font-size: 20px; font-weight: 700; letter-spacing: -.05em}

.book_wrap .fw_400 {font-weight:400 !important;}

.book_wrap b,
.book_wrap strong {
    font-weight: 700;
}

/*  input  */
.book_wrap .input_wrap {padding: 2px;}
.book_wrap .input_wrap input,
.book_wrap .input_wrap textarea {width: 100%; background: transparent; font-size: 15px;}
.book_wrap .input_item  {margin: 0 0 15px;}
.book_wrap .input_item:last-child {margin-bottom: 0;}
.book_wrap .input_item label {display: block; margin-bottom: 5px; font-size: 1rem;}
.book_wrap .input_wrap.s {max-width: 80px}

.book_wrap .input_wrap.area.bg textarea {background: #eeefef; padding: 10px;}

.book_wrap .banner img,
.book_wrap .img_area img {
    max-width: 100%;
    vertical-align: top;
}
.book_wrap .img_cnt {margin-bottom: 20px;}

.book_wrap .img_caption {display: block; margin-top: 10px; font-size: 0.9rem; color: #8a8c8f; text-align: right;}
.book_wrap .img_caption span {display: inline-block; text-align: left;}
.book_wrap .hand_txt {position: relative; margin: 0 0 10px 20px; padding-left: 20px; font-size: 0.825rem; color: #8a8c8f; word-break: keep-all}
.book_wrap .hand_txt:before {display: block; content: ''; position: absolute; left: 0; top: .25em; width: 15px; height: 10px; background: url(../img/edu/ebook/ic_hand.png) center no-repeat; background-size: 15px 10px}

.book_wrap .noti_txt {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
}
.book_wrap .noti_txt:before {
    display: inline-block;
    content: '※';
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
}

.book_wrap .txt_cnt {margin-bottom: 20px; }
.book_wrap .txt_cnt p {margin-bottom: 10px; line-height: 1.7;}
.book_wrap .txt_cnt p strong {font-weight: 600;}

.book_wrap .arw_txt {display: block; position: relative; padding-left: 15px; margin: 10px 0; font-weight: 700; font-size: 15px;}
.book_wrap .arw_txt:before {display: block; content: ''; position: absolute; left: 0; top: .35em; width: 0; height: 0; border: 6px solid transparent; border-left: 10px solid #000;}

.book_wrap .input_cnt {margin-bottom: 20px;}
.book_wrap .input_cnt:after {display: block; content: ''; clear: both;}
.book_wrap .input_cnt>div,
.book_wrap .input_cnt>p{float: left;}
.book_wrap .input_cnt .img_caption {width: 100%;}
.book_wrap .input_cnt .say_box {position: relative; padding: 15px 20px; background: #eeefef; border-radius: 15px; text-align: center;}
.book_wrap .input_cnt .say_box:before {display: block; content: ''; position: absolute; right: 100%; top: 50%; width: 0; height: 0; margin-top: -8px; border: 8px solid transparent; border-right: 10px solid #eeefef;}
.book_wrap .input_cnt .say_box .txt {display: inline-block; text-align: left; word-break: keep-all}
.book_wrap .input_cnt .say_box .nowrap {display: inline-block; white-space: nowrap}
.book_wrap .input_cnt .say_box .input_wrap {display: inline-block; border-bottom: 1px dashed #000; vertical-align: 2px}
.book_wrap .input_cnt .say_box .input_wrap input {line-height: 1;}

.book_wrap .line_box_cnt {padding: 20px; margin-bottom: 20px; border: 1px solid; border-radius: 15px;}
.book_wrap .line_box_cnt .grid {margin-bottom: -5px;}
.book_wrap .line_box_cnt .col {margin-bottom: 10px;}

.book_wrap .label_group {display: table; width: 100%;}
.book_wrap .label_group > div {display: table-cell; vertical-align: middle;}
.book_wrap .label_group .label {font-weight: 700; min-width: 80px; font-size: 18px;}
.book_wrap .label_group .input_wrap {width: 90%; border-bottom: 1px solid;}
.book_wrap .label_group .input_wrap input {width: 100%; font-size: 18px;}

.book_wrap .num_ls li {position: relative; padding-left: 25px; margin-bottom: 20px; line-height: 20px;}
.book_wrap .num_ls li:before {display: block; content: attr(data-num); position: absolute; left: 0; top: .05em; font-size: 14px; color: #fff; width: 20px; height: 20px; border-radius: 50%; background: #000; text-align: center; line-height: 20px;}

.book_wrap .num_ls li .img_area {margin-top: 10px;max-width:100%;}
.book_wrap .num_ls li .hand_txt {
    margin: 0;
    font-size: inherit;
    color: inherit;
}
.book_wrap .num_ls li .hand_txt:before {
    top: .5em;
}
.book_wrap .num_ls.c_blk li:before {
    top: .08em;
    background: transparent !important;
    border: 1px solid #000;
    line-height: 18px;
    color: #000;
}

.book_wrap .col_item {display: table; width: 100%;}
.book_wrap .col_item > p,
.book_wrap .col_item > div {display: table-cell; vertical-align: top;}
.book_wrap .col_item > p {line-height: 20px}
.book_wrap .col_item > div {}
.book_wrap .col_item > div:last-child {text-align: right; padding-left: 20px;}
.book_wrap .col_item > .img_area {max-width: 350px}

.book_wrap .info_box {background: #f2f9fa; border: 2px dashed #20bdc0; border-radius: 20px; padding: 20px; margin: 30px 0;}
.book_wrap .info_box:last-child {margin-bottom: 0;}
.book_wrap .info_box li {display: flex;font-size: 17px; line-height: 1.8;}
.book_wrap .info_box li strong,
.book_wrap .info_box p strong{display: inline-block; white-space: nowrap; margin-right: 5px;color: #20bdc0; font-weight: 700;}


.book_wrap .input_line_box {position: relative; padding: 40px 20px 20px; margin-top: 40px; background: #fff; border-width: 1px;}
.book_wrap .input_line_box .ttl {position: absolute; top: 0; left: 20px; max-width: calc(100% - 40px);  padding: 10px; border-radius: 10px; background: #000; color: #fff; transform: translateY(-50%)}
.book_wrap .input_line_box.none_ttl {padding-top: 20px; margin-top: 20px;}


.book_wrap .tbl_input_wrap {}
.book_wrap .tbl_input_area {}
.book_wrap .tbl_input_area table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.book_wrap .tbl_input_area table th,
.book_wrap .tbl_input_area table td {
    border-bottom: 1px dashed;
    padding: 15px 10px;
    text-align: center;
    word-break: keep-all;
}
.book_wrap .tbl_input_area table th {
    background: rgba(0,0,0,.2);
    border-right: 1px solid;
    font-weight: 700;
}
.book_wrap .tbl_input_area table thead th {
    border-bottom: 0 none;
    color: #fff !important;
}
.book_wrap .tbl_input_area table td + td {
    border-left: 1px solid;
}
.book_wrap .tbl_input_area table textarea {
    background: transparent;
    text-align: center;
}

.book_wrap .tbl_input_area table th {
    width: 20%;
}

.book_wrap .img_txt_cnt {
    display: table;
    margin: auto;
}
.book_wrap .img_txt_cnt>div {
    display: table-cell;
    vertical-align: middle;
}
.book_wrap .img_txt_cnt .txt_area {
    padding-left: 10px;
}
.book_wrap .img_txt_cnt .txt_area b {
    font-weight: 700;
}

.book_wrap .chat_ls {
    padding: 10px;
}
.book_wrap .chat_ls .chat_item {
    display: flex;
    font-size: 18px;
}
.book_wrap .chat_ls .chat_item + .chat_item {
    margin-top: 20px;
}
.book_wrap .chat_ls .chat_item>i,
.book_wrap .chat_ls .chat_item>span,
.book_wrap .chat_ls .chat_item>div {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}
.book_wrap .chat_ls .chat_item i {
    flex: none;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}
.book_wrap .chat_ls .chat_item i.ic_chatbot {
    background-image: url(../img/edu/ebook/ic_ch3_chatbot.png);
}
.book_wrap .chat_ls .chat_item i.ic_none_profile {
    background-image: url(../img/edu/ebook/ic_ch3_non_profile.png);
}
.book_wrap .chat_ls .chat_item .name {
    flex: none;
    position: relative;
    padding-left: 5px;
    padding-right: 15px;

}
.book_wrap .chat_ls .chat_item .name:before {
    display: inline-block;
    content: ':';
    position: absolute;
    right: 3px;
    top: .08em;
    color: inherit;
}
.book_wrap .chat_ls .chat_item .chat_cnt {

}
.book_wrap .chat_ls .chat_item .chat_cnt .input_wrap {
    display: inline-block;
    max-width: 100px;
    border-bottom: 1px dashed #000;
    line-height: 1;
    vertical-align: 4px;
    padding: 0 2px;
}
.book_wrap .chat_ls .chat_item .chat_cnt .input_wrap input {
    width: 100%;
    line-height: 1;
    font-size: 17px;
}

.book_wrap .ex_txt {
    display: block;
    transform: skew(-10deg);
    padding-bottom: 5px;
}
.book_wrap .sign_txt {
    display: flex;
}
.book_wrap .sign_txt b{
    display: inline-block;
    margin-right: 5px;
}
.book_wrap .memo_box {
    position: relative;
    background: #f0f8f8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 60px 20px 30px;
}
.book_wrap .memo_box:before,
.book_wrap .memo_box:after {
    display: block;
    content: '';
    position: absolute;
}
.book_wrap .memo_box:before {
    top: 60px;
    left: 20px;
    right: 20px;
    height: 2px;
    background-image: url(../img/edu/ebook/img_memo_line.png);
    background-repeat: repeat;
    background-position: 0 bottom;
}
.book_wrap .memo_box:after {
    top: 20px;
    left: 20px;
    width: 122px;
    height: 30px;
    background-image: url(../img/edu/ebook/img_memo_ttl.png);
}
.book_wrap .memo_box textarea {
    min-height: 320px;
    line-height: 40px;
    background-color: transparent;
    background-image: url(../img/edu/ebook/img_memo_line.png), url("../img/edu/ebook/img_ch3_memo_bg.png");
    background-position: 0 0, center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 120px auto;
}

.book_wrap .signage_cnt {
    text-align: center;
    margin: 100px 0 160px;
}
.book_wrap .signage_cnt h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.book_wrap .signage_cnt img {
    max-width: 380px;
}

/*-------------------------------------
    chapter 0 - 단비 추가 작업
--------------------------------------*/
.book_wrap .chapter0 .img_area .line-img {border: 1px solid #818285; border-radius: 10px;}
.book_wrap .chapter0 .img_area.right {text-align: right;}
.book_wrap .chapter0 .input_line_box.has_bg {background-color: #FDF4EA;}
.book_wrap .chapter0 .chat_ls .chat_item.user {color: var(--ch1-color);}
.book_wrap .chapter0 .input_line_box .chat_ls h4 {font-size: 18px; font-weight: 600; margin: 30px 0 16px;}
.book_wrap .chapter0 .input_line_box .chat_ls h4:first-child {margin: 0 0 16px;}
.book_wrap .chapter0 .chat_ls .chat_item i.ic_chatbot {background-image: url(../img/edu/ebook/ic_ch0_chatbot.png);}
.book_wrap .chapter0 .chat_ls .chat_item i.ic_none_profile {background-image: url(../img/edu/ebook/ic_ch0_non_profile.png);}
.book_wrap .chapter0 .col_item > .img_area {min-width: 280px;}
.book_wrap .chapter0 .part1 .img_area img {max-width: 280px;}
.book_wrap .chapter0 .part3 .num_ls .info_box li {padding-left: 0;}
.book_wrap .chapter0 .part3 .num_ls .info_box li:before {display: none;}


/*-------------------------------------
    chapter 1
--------------------------------------*/
.book_wrap .chapter1 .ttl_area h1 {color: var(--ch1-color);}
.book_wrap .chapter1 .ttl_area h1 .no {background: var(--ch1-color);}
.book_wrap .chapter1 .box_cnt {background: var(--ch1-bg-color);}
.book_wrap .chapter1 .line_box_cnt {border-color: var(--ch1-color); color: var(--ch1-color);}
.book_wrap .chapter1 .line_box_cnt .label_group .input_wrap {border-color: var(--ch1-color);}
.book_wrap .chapter1 .num_ls li:before {background: var(--ch1-color);}
.book_wrap .chapter1 .input_line_box {border-color: var(--ch1-color);}
.book_wrap .chapter1 .input_line_box .ttl {background: var(--ch1-color);}
.book_wrap .chapter1 .arw_txt.point:before {border-left-color: var(--ch1-color);}
.book_wrap .chapter1 .point {color: var(--ch1-color) !important}
.book_wrap .chapter1 .input_cnt .say_box .input_wrap input {max-width: 140px}

.book_wrap .chapter1 .part1 .img_bg_box .img_area {max-width: 130px}
.book_wrap .chapter1 .part2 .input_cnt .img_area {width: 130px}
.book_wrap .chapter1 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}


/*-------------------------------------
    level 2 중급 chapter 1
--------------------------------------*/
.book_wrap .level2.chapter1 .ttl_area h1 {color: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .ttl_area h1 .no {background: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .box_cnt {background: var(--level2-ch1-bg-color);}
.book_wrap .level2.chapter1 .line_box_cnt {border-color: var(--level2-ch1-color); color: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .num_ls li:before {background: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .input_line_box {border-color: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .input_line_box .ttl {background: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .arw_txt.point:before {border-left-color: var(--level2-ch1-color);}
.book_wrap .level2.chapter1 .part1 .col_item .txt_area {width: 50%; text-align: left;}
.book_wrap .level2.chapter1 .input_line_box.has_bg {background-color: #FDF4EA;}
.book_wrap .level2.chapter1 .chat_ls .chat_item.user {color: var(--level2-ch1-color);}

.book_wrap .level2.chapter1 .chat_ls .chat_item + .chat_item {margin-top: 10px;}
.book_wrap .level2.chapter1 .input_line_box .chat_ls p.point {font-weight: 600; padding-left: 35px; padding-top: 20px; padding-bottom: 4px;}
.book_wrap .level2.chapter1 .input_line_box .chat_ls p.explain {color: #6f6f8a; padding-left: 80px;}
.book_wrap .level2.chapter1 .chat_ls .chat_item i.ic_chatbot {background-image: url(../img/edu/ebook/ic_ch0_chatbot.png);}
.book_wrap .level2.chapter1 .chat_ls .chat_item i.ic_none_profile {background-image: url(../img/edu/ebook/ic_ch0_non_profile.png);}
.book_wrap .level2.chapter1 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 10px auto;}


/*-------------------------------------
    level 3 고급 chapter 1
--------------------------------------*/
.book_wrap .level3.chapter1 .ttl_area h1 {color: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .ttl_area h1 .no {background: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .box_cnt {background: var(--level2-ch1-bg-color);}
.book_wrap .level3.chapter1 .line_box_cnt {border-color: var(--level2-ch1-color); color: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .num_ls li:before {background: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .input_line_box {border-color: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .input_line_box .ttl {background: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .arw_txt.point:before {border-left-color: var(--level2-ch1-color);}
.book_wrap .level3.chapter1 .part1 .col_item .txt_area {width: 50%; text-align: left;}
.book_wrap .level3.chapter1 .input_line_box.has_bg {background-color: #FDF4EA;}
.book_wrap .level3.chapter1 .chat_ls .chat_item.user {color: var(--level2-ch1-color);}

.book_wrap .level3.chapter1 .chat_ls .chat_item .chat_cnt {width: 100%;}
.book_wrap .level3.chapter1 .chat_ls .chat_item .chat_cnt .input_wrap {max-width: 100%; display: block}
.book_wrap .level3.chapter1 .chat_ls .chat_item + .chat_item {margin-top: 10px;}
.book_wrap .level3.chapter1 .input_line_box .chat_ls p.point {font-weight: 600; padding-left: 35px; padding-top: 20px; padding-bottom: 4px;}
.book_wrap .level3.chapter1 .input_line_box .chat_ls p.explain {color: #6f6f8a; padding-left: 80px;}
.book_wrap .level3.chapter1 .chat_ls .chat_item i.ic_chatbot {background-image: url(../img/edu/ebook/ic_ch0_chatbot.png);}
.book_wrap .level3.chapter1 .chat_ls .chat_item i.ic_none_profile {background-image: url(../img/edu/ebook/ic_ch0_non_profile.png);}
.book_wrap .level3.chapter1 .part2 .chat_ls .input_item .input_wrap {border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px;}
.book_wrap .level3.chapter1 .part2 .chat_ls .input_item label {margin-bottom: 10px;}
.book_wrap .level3.chapter1 .part2 .chat_ls .txt_info {background: rgba(246,139,30,0.12); color: #6f6f8a; padding: 10px; margin: 10px 0 30px;}
.book_wrap .level3.chapter1 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 10px auto;}


/*-------------------------------------
    level 4 심화 chapter 1
--------------------------------------*/
.book_wrap .level4.chapter1 .tbl_input_area table {border-color: var(--ch1-color);}
.book_wrap .level4.chapter1 .tbl_input_area table thead th {background-color: var(--ch1-color);}
.book_wrap .level4.chapter1 .tbl_input_area table th {background-color: var(--ch1-bg-color); color: var(--ch1-color);}
.book_wrap .level4.chapter1 .tbl_input_area table td {border-color: var(--ch1-color);}
.book_wrap .level4.chapter1 .tbl_input_area table th textarea {color: var(--ch1-color);}

.book_wrap .level4.chapter1 .part2 .input_wrap {display: inline-block; max-width: 130px; border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px;}
.book_wrap .level4.chapter1 .part2 .input_wrap .input_wrap input {width: 100%; line-height: 1; font-size: 17px;}


/*-------------------------------------
    chapter 2
--------------------------------------*/
.book_wrap .chapter2 .ttl_area h1 {color: var(--ch2-color);}
.book_wrap .chapter2 .ttl_area h1 .no {background: var(--ch2-color);}
.book_wrap .chapter2 .box_cnt {background: var(--ch2-bg-color);}
.book_wrap .chapter2 .line_box_cnt {border-color: var(--ch2-color); color: var(--ch2-color);}
.book_wrap .chapter2 .line_box_cnt .label_group .input_wrap {border-color: var(--ch2-color);}
.book_wrap .chapter2 .num_ls li:before {background: var(--ch2-color);}
.book_wrap .chapter2 .input_line_box {border-color: var(--ch2-color);}
.book_wrap .chapter2 .input_line_box .ttl {background: var(--ch2-color);}
.book_wrap .chapter2 .arw_txt.point:before {border-left-color: var(--ch2-color);}
.book_wrap .chapter2 .point {color: var(--ch2-color) !important}
.book_wrap .chapter2 .tbl_input_area table {border-color: var(--ch2-color);}
.book_wrap .chapter2 .tbl_input_area table th {background-color: var(--ch2-bg-color); color: var(--ch2-color);}
.book_wrap .chapter2 .tbl_input_area table td {border-color: var(--ch2-color);}
.book_wrap .chapter2 .tbl_input_area table th textarea {color: var(--ch2-color);}

.book_wrap .chapter2 .part3 .tbl_input_area table th .img_area {width: 60px}
.book_wrap .chapter2 .part3 .tbl_input_area table td .img_area {width: 90px}
.book_wrap .chapter2 .part3 .txt_area {text-align: left; vertical-align: middle;}
.book_wrap .chapter2 .part2 .num_ls li[data-num="1"] .img_area {max-width: 380px; margin: 10px auto;}


/*-------------------------------------
    level 2 중급 chapter 2
--------------------------------------*/
.book_wrap .level2.chapter2 .ttl_area h1 {color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .ttl_area h1 .no {background: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .box_cnt {background: var(--level2-ch2-bg-color);}
.book_wrap .level2.chapter2 .line_box_cnt {border-color: var(--level2-ch2-color); color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .num_ls li:before {background: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .input_line_box {border-color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .input_line_box .ttl {background: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .arw_txt.point:before {border-left-color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .point {color: var(--level2-ch2-color) !important}
.book_wrap .level2.chapter2 .tbl_input_area table {border-color: var(--level2-ch2-color);;}
.book_wrap .level2.chapter2 .tbl_input_area table th {background-color: var(--level2-ch2-bg-color); color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .tbl_input_area table td {border-color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .tbl_input_area table th textarea {color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .num_ls li .img_area {margin: 0 auto;}
.book_wrap .level2.chapter2 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level2.chapter2 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}
.book_wrap .level2.chapter2 .part2 .num_ls li:before {background: transparent; color: #555;}
.book_wrap .level2.chapter2 .part2 .tbl_input_area table thead th {background-color: var(--level2-ch2-color);}
.book_wrap .level2.chapter2 .part2 .num_ls li[data-num="1"] .img_area {max-width: 280px; margin: 0 auto;}
.book_wrap .level2.chapter2 .part2 .num_ls li[data-num="2"] .img_area,
.book_wrap .level2.chapter2 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 2
--------------------------------------*/
.book_wrap .level3.chapter2 .ttl_area h1 {color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .ttl_area h1 .no {background: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .box_cnt {background: var(--level2-ch2-bg-color);}
.book_wrap .level3.chapter2 .line_box_cnt {border-color: var(--level2-ch2-color); color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .num_ls li:before {background: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .input_line_box {border-color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .input_line_box.has_bg {background-color: var(--level2-ch2-bg-color);}
.book_wrap .level3.chapter2 .input_line_box .ttl {background: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .arw_txt.point:before {border-left-color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .point {color: var(--level2-ch2-color) !important}
.book_wrap .level3.chapter2 .tbl_input_area table {border-color: var(--level2-ch2-color);;}
.book_wrap .level3.chapter2 .tbl_input_area table th {background-color: var(--level2-ch2-bg-color); color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .tbl_input_area table td {border-color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .tbl_input_area table th textarea {color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .num_ls li .img_area {margin: 0 auto;}

.book_wrap .level3.chapter2 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level3.chapter2 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}
.book_wrap.wrap_sm .level3.chapter2 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap .level3.chapter2 .part2 .info_box .input_item .input-tit {font-weight: 500; margin-right: 10px;}
.book_wrap .level3.chapter2 .part2 .info_box .input_item .input-tit span {color: var(--level2-ch2-color);}
.book_wrap .level3.chapter2 .part2 .info_box .input_item .input_wrap {width: 100%; border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px;}
.book_wrap .level3.chapter2 .part3 .num_ls li[data-num="10"] p {color: #8a8c8f; margin-top: 10px;}
.book_wrap .level3.chapter2 .part3 .num_ls li[data-num="14"] .txt_cnt, .book_wrap .level3.chapter2 .part3 .num_ls li[data-num="17"] .txt_cnt, .book_wrap .level3.chapter2 .part3 .num_ls li[data-num="19"] .txt_cnt {margin-top: 10px;}


/*-------------------------------------
    level 4 심화 chapter 2
--------------------------------------*/
.book_wrap .level4.chapter2 .part2 .input_cnt .img_area {width: 130px}
.book_wrap .level4.chapter2 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}
.book_wrap.wrap_sm .level4.chapter2 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}


/*-------------------------------------
    chapter 3
--------------------------------------*/
.book_wrap .chapter3 .ttl_area h1 {color: var(--ch3-color);}
.book_wrap .chapter3 .ttl_area h1 .no {background: var(--ch3-color);}
.book_wrap .chapter3 .box_cnt {background: var(--ch3-bg-color);}
.book_wrap .chapter3 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch3-color);}
.book_wrap .chapter3 .line_box_cnt .label_group .input_wrap {border-color: var(--ch3-color);}
.book_wrap .chapter3 .num_ls li:before {background: var(--ch3-color);}
.book_wrap .chapter3 .input_line_box {border-color: var(--ch3-color);}
.book_wrap .chapter3 .input_line_box.has_bg {background-color: var(--ch3-bg-color);}
.book_wrap .chapter3 .input_line_box .ttl {background: var(--ch3-color);}
.book_wrap .chapter3 .arw_txt.point:before {border-left-color: var(--ch3-color);}
.book_wrap .chapter3 .point {color: var(--ch3-color) !important}
.book_wrap .chapter3 .tbl_input_area table {border-color: var(--ch3-color);}
.book_wrap .chapter3 .tbl_input_area table th {background-color: var(--ch3-bg-color); color: var(--ch3-color);}
.book_wrap .chapter3 .tbl_input_area table thead th {background-color: var(--ch3-color);}
.book_wrap .chapter3 .tbl_input_area table td {border-color: var(--ch3-color);}
.book_wrap .chapter3 .tbl_input_area table th textarea {color: var(--ch3-color);}
.book_wrap .chapter3 .chat_ls .chat_item.user {color: var(--ch3-color);}

.book_wrap .chapter3 .part1 .img_bg_box .img_area {max-width: 130px; margin-left: -15px;}
.book_wrap .chapter3 .part3 .input_cnt  .img_area {max-width: 140px;}
.book_wrap .chapter3 .part3 .input_cnt .txt_area {
    width: 100%;
    margin-left: -140px;
    padding-top: 10px;
    padding-left: 170px;
}
.book_wrap .chapter3 .part3 .input_cnt .say_box {word-break: keep-all}
.book_wrap .chapter3 .part3 .input_cnt .say_box .input_wrap {max-width: 80px}

.book_wrap .chapter3 .part3 .input_cnt {}
.book_wrap .chapter3 .part3 .input_line_box.has_bg {
    background-image: url(../img/edu/ebook/img_ch3_part3_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 150px auto;
}


/*-------------------------------------
    level 2 중급 chapter 3
--------------------------------------*/
.book_wrap .level2.chapter3 .ttl_area h1 {color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .ttl_area h1 .no {background: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .box_cnt {background: var(--level2-ch3-bg-color);}
.book_wrap .level2.chapter3 .line_box_cnt {border-color: var(--level2-ch3-color); color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .num_ls li:before {background: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .input_line_box {border-color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .input_line_box.has_bg {background-color: var(--level2-ch3-bg-color);}
.book_wrap .level2.chapter3 .input_line_box .ttl {background: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .arw_txt.point:before {border-left-color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .point {color: var(--level2-ch3-color) !important}
.book_wrap .level2.chapter3 .tbl_input_area table {border-color: var(--level2-ch3-color);;}
.book_wrap .level2.chapter3 .tbl_input_area table th {background-color: var(--level2-ch3-bg-color); color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .tbl_input_area table thead th {background-color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .tbl_input_area table td {border-color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .tbl_input_area table th textarea {color: var(--level2-ch3-color);}
.book_wrap .level2.chapter3 .chat_ls .chat_item.user {color: var(--level2-ch3-color);}

.book_wrap .level2.chapter3 .part1 .txt_cnt .col_item2>div {display: block;}
.book_wrap .level2.chapter3 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level2.chapter3 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level2.chapter3 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level2.chapter3 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap .level2.chapter3 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 10px auto;}


/*-------------------------------------
    level 3 고급 chapter 3
--------------------------------------*/
.book_wrap .level3.chapter3 .ttl_area h1 {color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .ttl_area h1 .no {background: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .box_cnt {background: var(--level2-ch3-bg-color);}
.book_wrap .level3.chapter3 .line_box_cnt {border-color: var(--level2-ch3-color); color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .num_ls li:before {background: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .input_line_box {border-color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .input_line_box.has_bg {background-color: var(--level2-ch3-bg-color);}
.book_wrap .level3.chapter3 .input_line_box .ttl {background: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .arw_txt.point:before {border-left-color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .point {color: var(--level2-ch3-color) !important}
.book_wrap .level3.chapter3 .tbl_input_area table {border-color: var(--level2-ch3-color);;}
.book_wrap .level3.chapter3 .tbl_input_area table th {background-color: var(--level2-ch3-bg-color); color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .tbl_input_area table thead th {background-color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .tbl_input_area table td {border-color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .tbl_input_area table th textarea {color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .chat_ls .chat_item.user {color: var(--level2-ch3-color);}

.book_wrap .level3.chapter3 .part1 .txt_cnt .col_item2>div {display: block;}
.book_wrap .level3.chapter3 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level3.chapter3 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level3.chapter3 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level3.chapter3 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level3.chapter3 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap .level3.chapter3 .part2 .input_item {margin: 0}
.book_wrap .level3.chapter3 .part2 .chat_ls .name {color: var(--level2-ch3-color);}
.book_wrap .level3.chapter3 .part2 .chat_ls .chat_cnt {display: block; width: 100%;}
.book_wrap .level3.chapter3 .part2 .chat_ls .chat_cnt .input_wrap {display: block; max-width: 100%;}
.book_wrap .level3.chapter3 .input_line_box .chat_ls p.explain {color: #6f6f8a; margin-bottom: 15px;}
.book_wrap .level3.chapter3 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 10px auto;}


/*-------------------------------------
    level 4 심화 chapter 3
--------------------------------------*/
.book_wrap .level4.chapter3 .part2 .input_cnt .img_area {width: 130px; padding-top: 40px;}
.book_wrap .level4.chapter3 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}
.book_wrap .level4.chapter3 .part2 .input_cnt .say_box .nowrap {white-space: inherit;}
.book_wrap .level4.chapter3 .part2 .input_cnt .say_box .nowrap .input_wrap {max-width: 100px;}
.book_wrap .level4.chapter3 .part2 .input_cnt .say_box .nowrap:last-child .input_wrap {max-width: 100%;}
.book_wrap.wrap_sm .level4.chapter3 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}

/*-------------------------------------
    chapter 4
--------------------------------------*/
.book_wrap .chapter4 .ttl_area h1 {color: var(--ch4-color);}
.book_wrap .chapter4 .ttl_area h1 .no {background: var(--ch4-color);}
.book_wrap .chapter4 .box_cnt {background: var(--ch4-bg-color1);}
.book_wrap .chapter4 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch4-color);}
.book_wrap .chapter4 .line_box_cnt .label_group .input_wrap {border-color: var(--ch4-color);}
.book_wrap .chapter4 .num_ls li:before {background: var(--ch4-color);}
.book_wrap .chapter4 .input_line_box {border-color: var(--ch4-color);}
.book_wrap .chapter4 .input_line_box.has_bg {background-color: var(--ch4-bg-color1);}
.book_wrap .chapter4 .input_line_box .ttl {background: var(--ch4-color);}
.book_wrap .chapter4 .arw_txt.point:before {border-left-color: var(--ch4-color);}
.book_wrap .chapter4 .point {color: var(--ch4-color) !important}
.book_wrap .chapter4 .tbl_input_area table {border-color: var(--ch4-color);}
.book_wrap .chapter4 .tbl_input_area table th {background-color: var(--ch4-bg-color2); color: var(--ch4-color);}
.book_wrap .chapter4 .tbl_input_area table thead th {background-color: var(--ch4-color);}
.book_wrap .chapter4 .tbl_input_area table td {border-color: var(--ch4-color);}
.book_wrap .chapter4 .tbl_input_area table th textarea {color: var(--ch4-color);}
.book_wrap .chapter4 .chat_ls .chat_item.user {color: var(--ch4-color);}

.book_wrap .chapter4 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter4 .part3 .tbl_input_area table th .img_area {width: 60px}
.book_wrap .chapter4 .part3 .tbl_input_area table td .img_area {width: 90px}
.book_wrap .chapter4 .part3 .txt_area {
    text-align: left;
    vertical-align: middle;
}
.book_wrap .chapter4 .part4 .num_ls li[data-num="6"] .img_area {
    max-width: 380px;
    margin: 10px auto;
}

/*-------------------------------------
    level 2 중급 chapter 4
--------------------------------------*/
.book_wrap .level2.chapter4 .ttl_area h1 {color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .ttl_area h1 .no {background: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .box_cnt {background: var(--level2-ch4-bg-color);}
.book_wrap .level2.chapter4 .line_box_cnt {border-color: var(--level2-ch4-color); color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .num_ls li:before {background: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .input_line_box {border-color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .input_line_box.has_bg {background-color: var(--level2-ch4-bg-color);}
.book_wrap .level2.chapter4 .input_line_box .ttl {background: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .arw_txt.point:before {border-left-color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .point {color: var(--level2-ch4-color) !important}
.book_wrap .level2.chapter4 .tbl_input_area table {border-color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .tbl_input_area table th {background-color: var(--level2-ch4-bg-color); color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .tbl_input_area table thead th {background-color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .tbl_input_area table td {border-color: var(--level2-ch4-color); background-color: var(--level2-ch4-bg-color);}
.book_wrap .level2.chapter4 .tbl_input_area table th textarea {color: var(--level2-ch4-color);}
.book_wrap .level2.chapter4 .chat_ls .chat_item.user {color: var(--level2-ch4-color);}

.book_wrap .level2.chapter4 .part1 .txt_cnt .img_area {max-width: 590px; margin: 10px auto;}
.book_wrap .level2.chapter4 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level2.chapter4 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap .level2.chapter4 .part2 .num_ls li:before {background: transparent; color: #555;}
.book_wrap .level2.chapter4 .part2 .num_ls li[data-num="1"] .img_area {max-width: 280px; margin: 10px auto;}
.book_wrap .level2.chapter4 .part2 .num_ls li[data-num="2"] .img_area {max-width: 380px; margin: 10px auto;}
.book_wrap .level2.chapter4 .part3 .num_ls li .img_area {margin: 10px auto;}
.book_wrap .level2.chapter4 .part3 .num_ls li[data-num="6"] .img_area {max-width: inherit;}

/*-------------------------------------
    level 3 고급 chapter 4
--------------------------------------*/
.book_wrap .level3.chapter4 .ttl_area h1 {color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .ttl_area h1 .no {background: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .box_cnt {background: var(--level2-ch4-bg-color);}
.book_wrap .level3.chapter4 .line_box_cnt {border-color: var(--level2-ch4-color); color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .num_ls li:before {background: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .input_line_box {border-color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .input_line_box.has_bg {background-color: var(--level2-ch4-bg-color);}
.book_wrap .level3.chapter4 .input_line_box .ttl {background: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .arw_txt.point:before {border-left-color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .point {color: var(--level2-ch4-color) !important}
.book_wrap .level3.chapter4 .tbl_input_area table {border-color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .tbl_input_area table th {background-color: var(--level2-ch4-bg-color); color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .tbl_input_area table thead th {background-color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .tbl_input_area table td {border-color: var(--level2-ch4-color); background-color: var(--level2-ch4-bg-color);}
.book_wrap .level3.chapter4 .tbl_input_area table th textarea {color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .chat_ls .chat_item.user {color: var(--level2-ch4-color);}

.book_wrap .level3.chapter4 .part1 .txt_cnt .img_area {max-width: 590px; margin: 10px auto;}
.book_wrap .level3.chapter4 .part1 .txt_cnt .col_item2>div {display: block;}
.book_wrap .level3.chapter4 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level3.chapter4 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level3.chapter4 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level3.chapter4 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level3.chapter4 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap .level3.chapter4 .part2 .input_item {margin: 0}
.book_wrap .level3.chapter4 .part2 .chat_ls .name {color: var(--level2-ch4-color);}
.book_wrap .level3.chapter4 .part2 .chat_ls .chat_cnt {display: block; width: 100%;}
.book_wrap .level3.chapter4 .part2 .chat_ls .chat_cnt .input_wrap {display: block; max-width: 100%;}
.book_wrap .level3.chapter4 .input_line_box .chat_ls p.explain {color: #6f6f8a; margin-bottom: 15px;}
.book_wrap .level3.chapter4 .part3 .num_ls li .img_area {margin: 10px auto;}


/*-------------------------------------
    level 4 심화 chapter 4
--------------------------------------*/
.book_wrap .level4.chapter4 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level4.chapter4 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box}
.book_wrap.wrap_sm .level4.chapter4 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}

/*-------------------------------------
    chapter 5
--------------------------------------*/
.book_wrap .chapter5 .ttl_area h1 {color: var(--ch5-color);}
.book_wrap .chapter5 .ttl_area h1 .no {background: var(--ch5-color);}
.book_wrap .chapter5 .box_cnt {background: var(--ch5-bg-color);}
.book_wrap .chapter5 .line_box_cnt {border-color: var(--ch5-color); color: var(--ch5-color);}
.book_wrap .chapter5 .line_box_cnt .label_group .input_wrap {border-color: var(--ch5-color);}
.book_wrap .chapter5 .num_ls li:before {background: var(--ch5-color);}
.book_wrap .chapter5 .input_line_box {border-color: var(--ch5-color);}
.book_wrap .chapter5 .input_line_box.has_bg {background-color: var(--ch5-bg-color);}
.book_wrap .chapter5 .input_line_box .ttl {background: var(--ch5-color);}
.book_wrap .chapter5 .arw_txt.point:before {border-left-color: var(--ch5-color);}
.book_wrap .chapter5 .point {color: var(--ch5-color) !important}
.book_wrap .chapter5 .tbl_input_area table {border-color: var(--ch5-color);}
.book_wrap .chapter5 .tbl_input_area table th {background-color: var(--ch5-bg-color); color: var(--ch5-color);}
.book_wrap .chapter5 .tbl_input_area table thead th {background-color: var(--ch5-color);}
.book_wrap .chapter5 .tbl_input_area table td {border-color: var(--ch5-color);}
.book_wrap .chapter5 .tbl_input_area table th textarea {color: var(--ch5-color);}
.book_wrap .chapter5 .chat_ls .chat_item.user {color: var(--ch5-color);}

.book_wrap .chapter5 .part1 .col_item {
    margin-bottom: 20px;
}
.book_wrap .chapter5 .part1 .col_item>div {
    width: 50%;
}
.book_wrap .chapter5 .part1 .col_item .num_ls  {
    padding: 30px 0 0 20px;
}
.book_wrap .chapter5 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter5 .part2 .input_cnt .img_area {width: 110px; padding-top: 40px}
.book_wrap .chapter5 .part2 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -110px; box-sizing: border-box}
.book_wrap .chapter5 .part3 .num_ls li[data-num="3"] .img_area {
    max-width: 320px;
}
.book_wrap .chapter5 .part3 .num_ls li[data-num="4"] .img_area,
.book_wrap .chapter5 .part3 .num_ls li[data-num="5"] .img_area,
.book_wrap .chapter5 .part3 .num_ls li[data-num="6"] .img_area,
.book_wrap .chapter5 .part3 .num_ls li[data-num="7"] .img_area {
    max-width: 100%;
    margin: 10px auto;
}

.book_wrap .chapter5 .part3 .txt_area {
    text-align: left;
    vertical-align: middle;
}

.book_wrap .chapter5 .part2 .input_line_box.has_bg {
    background-image: url(../img/edu/ebook/img_ch5_part2_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 150px auto;
}

.book_wrap .chapter5 .part2 .input_line_box.has_bg textarea {
    min-height: 200px;
    background: transparent;
}
.book_wrap .chapter5 .part4 .num_ls li[data-num="6"] .img_area {
    max-width: 380px;
    margin: 10px auto;
}

/*-------------------------------------
    level 2 중급 chapter 5
--------------------------------------*/
.book_wrap .level2.chapter5 .ttl_area h1 {color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .ttl_area h1 .no {background: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .box_cnt {background: var(--level2-ch5-bg-color);}
.book_wrap .level2.chapter5 .line_box_cnt {border-color: var(--level2-ch5-color); color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .num_ls li:before {background: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .input_line_box {border-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .input_line_box.has_bg {background-color: var(--level2-ch5-bg-color);}
.book_wrap .level2.chapter5 .input_line_box .ttl {background: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .arw_txt.point:before {border-left-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .point {color: var(--level2-ch5-color) !important}
.book_wrap .level2.chapter5 .tbl_input_area table {border-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .tbl_input_area table th {background-color: var(--level2-ch5-bg-color); color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .tbl_input_area table thead th {background-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .tbl_input_area table td {background-color: var(--level2-ch5-bg-color); border-color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .tbl_input_area table th textarea {color: var(--level2-ch5-color);}
.book_wrap .level2.chapter5 .chat_ls .chat_item.user {color: var(--level2-ch5-color);}

.book_wrap .level2.chapter5 .part1 .txt_cnt .col_item2>div {display: block; width: 100%;}
.book_wrap .level2.chapter5 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level2.chapter5 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level2.chapter5 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level2.chapter5 .num_ls  li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 5
--------------------------------------*/
.book_wrap .level3.chapter5 .ttl_area h1 {color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .ttl_area h1 .no {background: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .box_cnt {background: var(--level2-ch5-bg-color);}
.book_wrap .level3.chapter5 .line_box_cnt {border-color: var(--level2-ch5-color); color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .num_ls li:before {background: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .input_line_box {border-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .input_line_box.has_bg {background-color: var(--level2-ch5-bg-color);}
.book_wrap .level3.chapter5 .input_line_box .ttl {background: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .arw_txt.point:before {border-left-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .point {color: var(--level2-ch5-color) !important}
.book_wrap .level3.chapter5 .tbl_input_area table {border-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .tbl_input_area table th {background-color: var(--level2-ch5-bg-color); color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .tbl_input_area table thead th {background-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .tbl_input_area table td {background-color: var(--level2-ch5-bg-color); border-color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .tbl_input_area table th textarea {color: var(--level2-ch5-color);}
.book_wrap .level3.chapter5 .chat_ls .chat_item.user {color: var(--level2-ch5-color);}

.book_wrap .level3.chapter5 .part1 .txt_cnt .col_item2>div {display: block; width: 100%;}
.book_wrap .level3.chapter5 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level3.chapter5 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level3.chapter5 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level3.chapter5 .part2 .input_line_box.has_bg {background-image: none;}
.book_wrap .level3.chapter5 .part2 .txt_cnt p.point {font-size: 20px; font-weight: 500; margin: 0}
.book_wrap .level3.chapter5 .chat_ls .chat_item .chat_cnt {display: block; width: 100%;}
.book_wrap .level3.chapter5 .chat_ls .chat_item .chat_cnt .input_wrap {display: block; max-width: 100%;}

/*-------------------------------------
    level 4 심화 chapter 5
--------------------------------------*/
.book_wrap .level4.chapter5 .part3 .num_ls li[data-num="3"] .img_area {max-width: 100%;}


/*-------------------------------------
    chapter 6
--------------------------------------*/
.book_wrap .chapter6 .ttl_area h1 {color: var(--ch6-color);}
.book_wrap .chapter6 .ttl_area h1 .no {background: var(--ch6-color);}
.book_wrap .chapter6 .box_cnt {background: var(--ch6-bg-color1);}
.book_wrap .chapter6 .num_ls li:before {background: var(--ch6-color);}
.book_wrap .chapter6 .input_line_box {border-color: var(--ch6-color);}
.book_wrap .chapter6 .input_line_box.has_bg {background-color: var(--ch6-color);}
.book_wrap .chapter6 .input_line_box .ttl {background: var(--ch6-color);}
.book_wrap .chapter6 .arw_txt.point:before {border-left-color: var(--ch6-color);}
.book_wrap .chapter6 .point {color: var(--ch6-color) !important}
.book_wrap .chapter6 .tbl_input_area table {border-color: var(--ch6-color);;}
.book_wrap .chapter6 .tbl_input_area table th {background-color: var(--ch6-bg-color2); color: var(--ch6-color);}
.book_wrap .chapter6 .tbl_input_area table thead th {background-color: var(--ch6-color);}
.book_wrap .chapter6 .tbl_input_area table td {border-color: var(--ch6-color);}
.book_wrap .chapter6 .tbl_input_area table th textarea {color: var(--ch6-color);}

.book_wrap .chapter6 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter6 .part3 .tbl_input_area table th .img_area {width: 60px;}
.book_wrap .chapter6 .part3 .tbl_input_area table td .img_area {width: 90px;}
.book_wrap .chapter6 .part3 .txt_area {
    text-align: left;
    vertical-align: middle;
}
.book_wrap .chapter6 .part4 .num_ls li[data-num="19"] .img_area {max-width: 320px;}

/*-------------------------------------
    level 2 중급 chapter 6
--------------------------------------*/

.book_wrap .level2.chapter6 .ttl_area h1 {color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .ttl_area h1 .no {background: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .box_cnt {background: var(--level2-ch6-bg-color);}
.book_wrap .level2.chapter6 .num_ls li:before {background: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .input_line_box {border-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .input_line_box.has_bg {background-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .input_line_box .ttl {background: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .arw_txt.point:before {border-left-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .point {color: var(--level2-ch6-color) !important}
.book_wrap .level2.chapter6 .tbl_input_area table {border-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .tbl_input_area table th {background-color: var(--level2-ch6-bg-color); color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .tbl_input_area table thead th {background-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .tbl_input_area table td {background-color: var(--level2-ch6-bg-color); border-color: var(--level2-ch6-color);}
.book_wrap .level2.chapter6 .tbl_input_area table th textarea {color: var(--level2-ch6-color);}

.book_wrap .level2.chapter6 .part1 .txt_cnt .col_item>div.txt_area {width: 50%; text-align: left; padding-left: 20px;}
.book_wrap .level2.chapter6 .part1 .txt_cnt .col_item2>div {display: block; width: 100%;}
.book_wrap .level2.chapter6 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0; padding-right: 20px;}
.book_wrap .level2.chapter6 .part1 .txt_cnt .col_item2>div.img_area {float: right;}

.book_wrap .level2.chapter6 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level2.chapter6 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}

/*-------------------------------------
    level 3 고급 chapter 6
--------------------------------------*/

.book_wrap .level3.chapter6 .ttl_area h1 {color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .ttl_area h1 .no {background: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .box_cnt {background: var(--level2-ch6-bg-color);}
.book_wrap .level3.chapter6 .num_ls li:before {background: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .input_line_box {border-color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .input_line_box.has_bg {background-color: var(--level2-ch6-bg-color);}
.book_wrap .level3.chapter6 .input_line_box .ttl {background: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .arw_txt.point:before {border-left-color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .point {color: var(--level2-ch6-color) !important}
.book_wrap .level3.chapter6 .tbl_input_area table {border-color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .tbl_input_area table th {background-color: var(--level2-ch6-bg-color); color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .tbl_input_area table thead th {background-color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .tbl_input_area table td {background-color: var(--level2-ch6-bg-color); border-color: var(--level2-ch6-color);}
.book_wrap .level3.chapter6 .tbl_input_area table th textarea {color: var(--level2-ch6-color);}

.book_wrap .level3.chapter6 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level3.chapter6 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level3.chapter6 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap .level3.chapter6 .part2 .txt_cnt p.point {font-size: 20px; font-weight: 500; margin: 0}
.book_wrap .level3.chapter6 .part2 .chat_ls .chat_cnt {display: block; width: 100%;}
.book_wrap .level3.chapter6 .part2 .chat_ls .chat_cnt .input_wrap {display: block; max-width: 100%;}
.book_wrap .level3.chapter6 .part3 .num_ls li[data-num="8"] strong {font-weight: 600;}

/*-------------------------------------
    chapter 7
-------------------------------------*/
.book_wrap .chapter7 .ttl_area h1 {color: var(--ch7-color);}
.book_wrap .chapter7 .ttl_area h1 .no {background: var(--ch7-color);}
.book_wrap .chapter7 .box_cnt {background: var(--ch7-bg-color1);}
.book_wrap .chapter7 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch7-color);}
.book_wrap .chapter7 .line_box_cnt .label_group .input_wrap {border-color: var(--ch7-color);}
.book_wrap .chapter7 .num_ls li:before {background: var(--ch7-color);}
.book_wrap .chapter7 .input_line_box {border-color: var(--ch7-color);}
.book_wrap .chapter7 .input_line_box.has_bg {background-color: var(--ch7-color);}
.book_wrap .chapter7 .input_line_box .ttl {background: var(--ch7-color);}
.book_wrap .chapter7 .arw_txt.point:before {border-left-color: var(--ch7-color);}
.book_wrap .chapter7 .point {color: var(--ch7-color) !important}
.book_wrap .chapter7 .tbl_input_area table {border-color: var(--ch7-color);}
.book_wrap .chapter7 .tbl_input_area table th {background-color: var(--ch7-bg-color1); color: var(--ch7-color);}
.book_wrap .chapter7 .tbl_input_area table thead th {background-color: var(--ch7-color);}
.book_wrap .chapter7 .tbl_input_area table td {border-color: var(--ch7-color);}
.book_wrap .chapter7 .tbl_input_area table th textarea {color: var(--ch7-color);}
.book_wrap .chapter7 .chat_ls .chat_item.user {color: var(--ch7-color);}

.book_wrap .chapter7 .part1 .img_bg_box .img_area {max-width: 110px; margin-left: -15px;}
.book_wrap .chapter7 .part1 .col_item .txt_area {width: 50%; text-align: left;}
.book_wrap .chapter7 .part2 .input_cnt .img_area {width: 120px; padding-top: 40px;}
.book_wrap .chapter7 .part2 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -120px; box-sizing: border-box}
.book_wrap .chapter7 .part2 .tbl_input_area thead tr th:first-child {width: 120px;}
.book_wrap .chapter7 .part2 .tbl_input_area tbody tr td:first-child {width: 120px;}
.book_wrap .chapter7 .part2 .tbl_input_area tbody tr td:last-child {word-break: break-all;}
.book_wrap .chapter7 .part2 .tbl_input_area tbody .tbl_input_txt_ex td {color: var(--ch7-color);}
.book_wrap .chapter7 .part2 .tbl_input_area tbody tr td textarea {color: var(--ch7-color);}
.book_wrap .chapter7 .part3 .num_ls li[data-num="3"] .txt_area {width: 60%;}
.book_wrap .chapter7 .part4 .input_line_box {margin-top: 60px;}


/*-------------------------------------
    level 2 중급 chapter 7
--------------------------------------*/
.book_wrap .level2.chapter7 .ttl_area h1 {color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .ttl_area h1 .no {background: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .box_cnt {background: var(--level2-ch7-bg-color);}
.book_wrap .level2.chapter7 .line_box_cnt {border-color: var(--level2-ch7-color); color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .num_ls li:before {background: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .input_line_box {border-color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .input_line_box.has_bg {background-color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .input_line_box .ttl {background: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .arw_txt.point:before {border-left-color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .point {color: var(--level2-ch7-color) !important}
.book_wrap .level2.chapter7 .tbl_input_area table {border-color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .tbl_input_area table th {background-color: var(--level2-ch7-bg-color); color: var(--level2-ch7-color); }
.book_wrap .level2.chapter7 .tbl_input_area table thead th {background-color: var(--level2-ch7-color); width: 20% !important;}
.book_wrap .level2.chapter7 .tbl_input_area table td {border-color: var(--level2-ch7-color); text-align: left;}
.book_wrap .level2.chapter7 .tbl_input_area table th textarea {color: var(--level2-ch7-color);}
.book_wrap .level2.chapter7 .chat_ls .chat_item.user {color: var(--level2-ch7-color);}

.book_wrap .level2.chapter7 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level2.chapter7 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 7
--------------------------------------*/
.book_wrap .level3.chapter7 .ttl_area h1 {color: var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .ttl_area h1 .no {background: var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .box_cnt {background: var(--level2-ch7-bg-color1);}
.book_wrap .level3.chapter7 .input_line_box.has_bg {background-color: var(--level2-ch7-bg-color1);}
.book_wrap .level3.chapter7 .input_line_box {border-color:  var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .num_ls li:before {background: var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .input_line_box .ttl {background: var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .point {color: var(--level2-ch7-color) !important;}

.book_wrap .level3.chapter7 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level3.chapter7 .part2 .info_box .input_item .input-tit span {color: var(--level2-ch7-color);}
.book_wrap .level3.chapter7 .part2 .info_box .input_item .input_wrap {width: 100%; border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px;margin-top: 4px;}
.book_wrap .level3.chapter7 .part2 .info_box .input_item .input_wrap input {font-size: 16px;}
.book_wrap .level3.chapter7 .part4 .arw_txt.point:before {border-left-color: var(--level2-ch7-color);}


/*-------------------------------------
    level 4 심화 chapter 7
--------------------------------------*/
.book_wrap .level4.chapter7 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level4.chapter7 .part2 .tbl_input_area thead tr th,
.book_wrap .level4.chapter7 .part2 .tbl_input_area thead tr th:first-child {
    width: 18%;
}
.book_wrap .level4.chapter7 .part2 .tbl_input_area thead tr th:last-child {
    width: 54%;
}

/*-------------------------------------
    chapter 8
-------------------------------------*/
.book_wrap .chapter8 .ttl_area h1 {color: var(--ch8-color);}
.book_wrap .chapter8 .ttl_area h1 .no {background: var(--ch8-color);}
.book_wrap .chapter8 .box_cnt {background: var(--ch8-bg-color1);}
.book_wrap .chapter8 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch8-color);}
.book_wrap .chapter8 .line_box_cnt .label_group .input_wrap {border-color: var(--ch8-color);}
.book_wrap .chapter8 .num_ls li:before {background: var(--ch8-color);}
.book_wrap .chapter8 .input_line_box {border-color: var(--ch8-color);}
.book_wrap .chapter8 .input_line_box.has_bg {background-color: var(--ch8-color);}
.book_wrap .chapter8 .input_line_box .ttl {background: var(--ch8-color);}
.book_wrap .chapter8 .arw_txt.point:before {border-left-color: var(--ch8-color);}
.book_wrap .chapter8 .point {color: var(--ch8-color) !important}
.book_wrap .chapter8 .tbl_input_area table {border-color: var(--ch8-color);}
.book_wrap .chapter8 .tbl_input_area table th {background-color: var(--ch8-bg-color1);}
.book_wrap .chapter8 .tbl_input_area table thead th {background-color: var(--ch8-color);}
.book_wrap .chapter8 .tbl_input_area table td {border-color: var(--ch8-color);}
.book_wrap .chapter8 .tbl_input_area table th textarea {color: var(--ch8-color);}

.book_wrap .chapter8 .part3 .input_cnt .img_area {width: 120px; padding-top: 20px;}
.book_wrap .chapter8 .part3 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -120px; box-sizing: border-box}
.book_wrap .chapter8 .part4 li[data-num="13"] .img_area {max-width:320px;}


/*-------------------------------------
    level 2 중급 chapter 8
--------------------------------------*/

.book_wrap .level2.chapter8 .ttl_area h1 {color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .ttl_area h1 .no {background: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .box_cnt {background: var(--level2-ch8-bg-color);}
.book_wrap .level2.chapter8 .line_box_cnt {border-color: var(--ch3-color); color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .num_ls li:before {background: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .input_line_box {border-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .input_line_box.has_bg {background-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .input_line_box .ttl {background: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .arw_txt.point:before {border-left-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .point {color: var(--level2-ch8-color) !important}
.book_wrap .level2.chapter8 .tbl_input_area table {border-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .tbl_input_area table th {background-color: var(--level2-ch8-bg-color); border-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .tbl_input_area table thead th {background-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .tbl_input_area table td {border-color: var(--level2-ch8-color);}
.book_wrap .level2.chapter8 .tbl_input_area table th textarea {color: var(--level2-ch8-color);}

.book_wrap .level2.chapter8 .part1 .img_bg_box .img_area {width: 110px; margin-left: -15px;}
.book_wrap .level2.chapter8 .part1 .col_item .img_area {float: left; width: 50%; padding-right: 20px;}
.book_wrap .level2.chapter8 .part1 .col_item .txt_area {text-align: left; padding: 0; display: block}
.book_wrap .level2.chapter8 .part1 .txt_cnt .col_item2>div.img_area {float: right;}
.book_wrap .level2.chapter8 .part2 .input_cnt .img_area {width: 120px;}
.book_wrap .level2.chapter8 .part2 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -120px; box-sizing: border-box}
.book_wrap .level2.chapter8 .tbl_input_area table thead th {text-align: center;}
.book_wrap .level2.chapter8 .tbl_input_area table th {text-align: left;}
.book_wrap .level2.chapter8 .tbl_input_area table td {text-align: left;}
.book_wrap .level2.chapter8 .part3 .num_ls h4.point {font-size: 20px; font-weight: 500;}
.book_wrap .level2.chapter8 li[data-num="13"] .img_area:nth-child(2) {max-width: 600px; margin: auto;}


/*-------------------------------------
    level 3 고급 chapter 8
--------------------------------------*/

.book_wrap .level3.chapter8 .ttl_area h1 {color: var(--level2-ch8-color);}
.book_wrap .level3.chapter8 .ttl_area h1 .no {background: var(--level2-ch8-color);}
.book_wrap .level3.chapter8 .box_cnt {background: var(--level2-ch8-bg-color);}
.book_wrap .level3.chapter8 .input_line_box.has_bg {background-color: var(--level2-ch8-bg-color);}
.book_wrap .level3.chapter8 .input_line_box {border-color: var(--level2-ch8-color);}
.book_wrap .level3.chapter8 .num_ls li:before {background: var(--level2-ch8-color);}
.book_wrap .level3.chapter8 .input_line_box .ttl {background: var(--level2-ch8-color);}
.book_wrap .level3.chapter8 .point {color: var(--level2-ch8-color) !important;}
.book_wrap .level3.chapter8 .arw_txt.point:before {border-left-color: var(--level2-ch8-color);}

.book_wrap .level3.chapter8 .part2 .info_box .input_item .input_wrap {width: 100%;border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px; margin-top: 4px;}


/*-------------------------------------
chapter 9
-------------------------------------*/
.book_wrap .chapter9 .ttl_area h1 {color: var(--ch9-color);}
.book_wrap .chapter9 .ttl_area h1 .no {background: var(--ch9-color);}
.book_wrap .chapter9 .box_cnt {background: var(--ch9-bg-color1);}
.book_wrap .chapter9 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch9-color);}
.book_wrap .chapter9 .line_box_cnt .label_group .input_wrap {border-color: var(--ch9-color);}
.book_wrap .chapter9 .num_ls li:before {background: var(--ch9-color);}
.book_wrap .chapter9 .input_line_box {border-color: var(--ch9-color);}
.book_wrap .chapter9 .input_line_box.has_bg {background-color: var(--ch9-color);}
.book_wrap .chapter9 .input_line_box .ttl {background: var(--ch9-color);}
.book_wrap .chapter9 .arw_txt.point:before {border-left-color: var(--ch9-color);}
.book_wrap .chapter9 .point {color: var(--ch9-color) !important}
.book_wrap .chapter9 .tbl_input_area table {border-color: var(--ch9-color);;}
.book_wrap .chapter9 .tbl_input_area table tbody th {background-color: var(--ch9-bg-color1);font-weight:normal;border-color:var(--ch9-color);}
.book_wrap .chapter9 .tbl_input_area table thead th {background-color: var(--ch9-color);}
.book_wrap .chapter9 .tbl_input_area table td {border-color: var(--ch9-color);}
.book_wrap .chapter9 .tbl_input_area table th textarea {color: var(--ch9-color);}

.book_wrap .chapter9 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter9 .part1 .txt_cnt .col_item{width:100%;}
.book_wrap .chapter9 .part1 .txt_cnt .col_item>div{width:50%;}
.book_wrap .chapter9 .part1 .txt_cnt .col_item>div.img_area{max-width:600px}
.book_wrap .chapter9 .part2 .input_cnt .img_area{width:120px;}
.book_wrap .chapter9 .part2 .input_cnt .txt_area{width: 100%; padding-left: 140px; margin-left: -120px; box-sizing: border-box}
.book_wrap .chapter9 .part3 .col_item > .img_area {max-width: 350px}
.book_wrap .chapter9 .part4 .box_cnt .txt_area{padding-left: 20px; font-size: 15px;}

/*-------------------------------------
    level 2 중급 chapter 9
--------------------------------------*/
.book_wrap .level2.chapter9 .ttl_area h1 {color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .ttl_area h1 .no {background: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .box_cnt {background: var(--level2-ch9-bg-color);}
.book_wrap .level2.chapter9 .line_box_cnt {border-color: var(--ch3-color); color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .num_ls li:before {background: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .input_line_box {border-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .input_line_box.has_bg {background-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .input_line_box .ttl {background: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .arw_txt.point:before {border-left-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .point {color: var(--level2-ch9-color) !important}
.book_wrap .level2.chapter9 .tbl_input_area table {border-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .tbl_input_area table tbody th {background-color: var(--level2-ch9-bg-color);font-weight:normal;border-color:var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .tbl_input_area table thead th {background-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .tbl_input_area table td {border-color: var(--level2-ch9-color);}
.book_wrap .level2.chapter9 .tbl_input_area table th textarea {color: var(--level2-ch9-color);}

.book_wrap .level2.chapter9 .part1 .input_cnt .say_box {width: 200px;}
.book_wrap .level2.chapter9 .part1 .input_cnt .say_box:before {display: none;}
.book_wrap .level2.chapter9 .part1 .input_cnt .say_box:after {display: block; content: ''; position: absolute; left: 100%; top: 50%; width: 0; height: 0; margin-top: -8px; border: 8px solid transparent; border-left: 10px solid #eeefef;}
.book_wrap .level2.chapter9 .part1 .input_cnt .say_box .txt {text-align: center;}
.book_wrap .level2.chapter9 .part1 .input_cnt .img_area {width: 100%; padding-left: 230px; margin-left: -200px;}
.book_wrap .level2.chapter9 .tbl_input_area table td:last-child, .book_wrap .level2.chapter9 .tbl_input_area table td:last-child textarea {text-align: left;}
.book_wrap .level2.chapter9 .part3 .num_ls li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 9
--------------------------------------*/
.book_wrap .level3.chapter9 .ttl_area h1 {color: var(--level2-ch9-color);}
.book_wrap .level3.chapter9 .ttl_area h1 .no {background: var(--level2-ch9-color);}
.book_wrap .level3.chapter9 .num_ls li:before {background: var(--level2-ch9-color);}
.book_wrap .level3.chapter9 .box_cnt {background: var(--level2-ch9-bg-color);}
.book_wrap .level3.chapter9 .input_line_box {border-color: var(--level2-ch9-color);}
.book_wrap .level3.chapter9 .input_line_box .ttl {background: var(--level2-ch9-color);}
.book_wrap .level3.chapter9 .point {color: var(--level2-ch9-color) !important;}
.book_wrap .level3.chapter9 .arw_txt.point:before {border-left-color: var(--level2-ch9-color);}


/*-------------------------------------
chapter 10
-------------------------------------*/
.book_wrap .chapter10 .ttl_area h1 {color: var(--ch10-color);}
.book_wrap .chapter10 .ttl_area h1 .no {background: var(--ch10-color);}
.book_wrap .chapter10 .box_cnt {background: var(--ch10-bg-color);}
.book_wrap .chapter10 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch10-color);}
.book_wrap .chapter10 .line_box_cnt .label_group .input_wrap {border-color: var(--ch10-color);}
.book_wrap .chapter10 .num_ls li:before {background: var(--ch10-color);}
.book_wrap .chapter10 .input_line_box {border-color: var(--ch10-color);}
.book_wrap .chapter10 .input_line_box.has_bg {background-color: var(--ch10-color);}
.book_wrap .chapter10 .input_line_box .ttl {background: var(--ch10-color);}
.book_wrap .chapter10 .arw_txt.point:before {border-left-color: var(--ch10-color);}
.book_wrap .chapter10 .point {color: var(--ch10-color) !important}
.book_wrap .chapter10 .tbl_input_area table {border-color: var(--ch10-color);}
.book_wrap .chapter10 .tbl_input_area table tbody th {background-color: var(--ch10-bg-color1);font-weight:normal;border-color:var(--ch10-color);}
.book_wrap .chapter10 .tbl_input_area table thead th {background-color: var(--ch10-color);}
.book_wrap .chapter10 .tbl_input_area table td {border-color: var(--ch10-color);}
.book_wrap .chapter10 .tbl_input_area table th textarea {color: var(--ch10-color);}

.book_wrap .chapter10 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter10 .part4 .txt_cnt .col_item{width:100%;}
.book_wrap .chapter10 .part4 .txt_cnt .col_item>div{width:50%;}
.book_wrap .chapter10 .part4 .txt_cnt .col_item>div.img_area{max-width:600px}

/*-------------------------------------
    level 2 중급 chapter 10
--------------------------------------*/
.book_wrap .level2.chapter10 .ttl_area h1 {color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .ttl_area h1 .no {background: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .box_cnt {background: var(--level2-ch10-bg-color);}
.book_wrap .level2.chapter10 .line_box_cnt {border-color: var(--ch3-color); color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .num_ls li:before {background: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .input_line_box {border-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .input_line_box.has_bg {background-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .input_line_box .ttl {background: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .arw_txt.point:before {border-left-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .point {color: var(--level2-ch10-color) !important}
.book_wrap .level2.chapter10 .tbl_input_area table {border-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .tbl_input_area table tbody th {background-color: var(--level2-ch10-bg-color);font-weight:normal;border-color:var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .tbl_input_area table thead th {background-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .tbl_input_area table td {border-color: var(--level2-ch10-color);}
.book_wrap .level2.chapter10 .tbl_input_area table th textarea {color: var(--level2-ch10-color);}

.book_wrap .level2.chapter10 .part1 .col_item .img_area {float: left; width: 50%; padding-right: 20px}
.book_wrap .level2.chapter10 .part1 .col_item .txt_area {text-align: left; padding: 0; display: block;}
.book_wrap .level2.chapter10 .part2 .input_cnt .img_area {width: 120px;}
.book_wrap .level2.chapter10 .part2 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -120px; box-sizing: border-box;}
.book_wrap .level2.chapter10 .tbl_input_area table td:nth-child(2), .book_wrap .level2.chapter10 .tbl_input_area table td:nth-child(2) textarea {text-align: left;}

/*-------------------------------------
    level 3 고급 chapter 10
--------------------------------------*/
.book_wrap .level3.chapter10 .ttl_area h1 {color: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .ttl_area h1 .no {background: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .point {color: var(--level2-ch10-color) !important;}
.book_wrap .level3.chapter10 .input_line_box.has_bg {background-color: var(--level2-ch10-bg-color);}
.book_wrap .level3.chapter10 .input_line_box {border-color: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .num_ls li:before {background: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .input_line_box .ttl {background: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .input_line_box {border-color: var(--level2-ch10-color);}
.book_wrap .level3.chapter10 .box_cnt {background: var(--level2-ch10-bg-color);}
.book_wrap .level3.chapter10 .arw_txt.point:before {border-left-color: var(--level2-ch10-color);}

/*-------------------------------------
    level 4 심화 chapter 10
--------------------------------------*/
.book_wrap .level4.chapter10 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level4.chapter10 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level4.chapter10 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level4.chapter10 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level4.chapter10 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}


/*-------------------------------------
chapter 11
-------------------------------------*/
.book_wrap .chapter11 .ttl_area h1 {color: var(--ch11-color);}
.book_wrap .chapter11 .ttl_area h1 .no {background: var(--ch11-color);}
.book_wrap .chapter11 .box_cnt {background: var(--ch11-bg-color);}
.book_wrap .chapter11 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch11-color);}
.book_wrap .chapter11 .line_box_cnt .label_group .input_wrap {border-color: var(--ch11-color);}
.book_wrap .chapter11 .num_ls li:before {background: var(--ch11-color);}
.book_wrap .chapter11 .input_line_box {border-color: var(--ch11-color);}
.book_wrap .chapter11 .input_line_box.has_bg {background-color: var(--ch11-color);}
.book_wrap .chapter11 .input_line_box .ttl {background: var(--ch11-color);}
.book_wrap .chapter11 .arw_txt.point:before {border-left-color: var(--ch11-color);}
.book_wrap .chapter11 .point {color: var(--ch11-color) !important}
.book_wrap .chapter11 .tbl_input_area table {border-color: var(--ch11-color);;}
.book_wrap .chapter11 .tbl_input_area table tbody th {background-color: var(--ch11-bg-color1);font-weight:normal;border-color:var(--ch11-color);}
.book_wrap .chapter11 .tbl_input_area table thead th {background-color: var(--ch11-color);}
.book_wrap .chapter11 .tbl_input_area table td {border-color: var(--ch11-color);}
.book_wrap .chapter11 .tbl_input_area table th textarea {color: var(--ch11-color);}

.book_wrap .chapter11 .part1 .img_bg_box .img_area {max-width: 120px; margin-left: -15px;}
.book_wrap .chapter11 .part1 .txt_cnt .col_item{width:100%;}
.book_wrap .chapter11 .part1 .txt_cnt .col_item>div.txt_area{width:60%;}
.book_wrap .chapter11 .part1 .txt_cnt .col_item>div.img_area{width:40%;}
.book_wrap .chapter11 .part1 .txt_cnt .col_item>div.img_area{max-width:600px}
.book_wrap .chapter11 .part2 .input_cnt .img_area{width: 120px;padding-top: 20px;}
.book_wrap .chapter11 .part2 .input_cnt .txt_area {width: 100%;padding-left: 140px; margin-left: -120px;box-sizing: border-box;}
.book_wrap .chapter11 .part3 .col_item > .img_area {max-width: 350px}
.book_wrap .chapter11 .part4 .box_cnt .txt_area{padding-left: 20px;font-size: 15px;}

/*-------------------------------------
    level 2 중급 chapter 11
--------------------------------------*/

.book_wrap .level2.chapter11 .ttl_area h1 {color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .ttl_area h1 .no {background: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .box_cnt {background: var(--level2-ch11-bg-color);}
.book_wrap .level2.chapter11 .line_box_cnt {border-color: var(--ch3-color); color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .num_ls li:before {background: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .input_line_box {border-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .input_line_box.has_bg {background-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .input_line_box .ttl {background: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .arw_txt.point:before {border-left-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .point {color: var(--level2-ch11-color) !important}
.book_wrap .level2.chapter11 .tbl_input_area table {border-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .tbl_input_area table tbody th {background-color: var(--level2-ch11-bg-color);font-weight:normal;border-color:var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .tbl_input_area table thead th {background-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .tbl_input_area table td {border-color: var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .tbl_input_area table th textarea {color: var(--level2-ch11-color);}

.book_wrap .level2.chapter11 .part1 .num_ls li {padding-left: 22px;}
.book_wrap .level2.chapter11 .part1 .num_ls li:before {width: 18px; height: 18px; line-height: 16px; font-size: 12px; top: 0.4em; color: var(--level2-ch11-color); background: #fff; border: 1px solid var(--level2-ch11-color);}
.book_wrap .level2.chapter11 .part2 .info_box {background-color: #f8f6fa;}
.book_wrap .level2.chapter11 .part2 .info_box p {margin: 20px 0 10px;}
.book_wrap .level2.chapter11 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap .level2.chapter11 .part2 .txt_cnt .img_area {max-width: 380px; margin: 0 auto; }
.book_wrap .level2.chapter11 .part2 .info_box .input_wrap {display: inline-block; max-width: 160px; border-bottom: 1px dashed #000; line-height: 1; vertical-align: 4px; padding: 0 2px;}
.book_wrap .level2.chapter11 .part2 .info_box .input_wrap input {width: 100%; line-height: 1; font-size: 17px;}
.book_wrap .level2.chapter11 .part2 .info_box .input_item .input_wrap {max-width: 100%; width: 100%; border: none; padding: 0 10px 20px;}
.book_wrap .level2.chapter11 .part2 .info_box .input_item .input_wrap textarea {padding:0; line-height: 2em; font-size: 18px; background: repeating-linear-gradient(to right , transparent 0 2px, #f8f6fa 6px), repeating-linear-gradient(to bottom, transparent 0 calc(2em - 1px), #000 0 2em) #f8f6fa;}
.book_wrap .level2.chapter11 .num_ls h4.point {font-size: 20px; font-weight: 500;}
.book_wrap .level2.chapter11 .part3 .num_ls  li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 11
--------------------------------------*/
.book_wrap .level3.chapter11 .ttl_area h1 {color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .point {color: var(--level2-ch11-color) !important;}
.book_wrap .level3.chapter11 .ttl_area h1 .no {background: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .input_line_box {border-color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .input_line_box .ttl {background: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .arw_txt.point:before {border-left-color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .box_cnt {background: var(--level2-ch11-bg-color);}
.book_wrap .level3.chapter11 .num_ls li:before {background: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .tbl_input_area table {border-color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .tbl_input_area table tbody th {background-color: var(--level2-ch11-bg-color);font-weight:normal;border-color:var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .tbl_input_area table thead th {background-color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .tbl_input_area table td {border-color: var(--level2-ch11-color);}
.book_wrap .level3.chapter11 .tbl_input_area table th textarea {color: var(--level2-ch11-color);}

.book_wrap .level3.chapter11 .part2 .input_cnt .img_area {padding-top: 0;}


/*-------------------------------------
    level 4 심화 chapter 11
--------------------------------------*/
.book_wrap .level4.chapter11 .input_line_box {border-color: var(--ch11-color);}
.book_wrap .level4.chapter11 .input_line_box.has_bg {background-color: var(--ch11-bg-color);}
.book_wrap .level4.chapter11 .chat_ls .chat_item .chat_cnt .input_wrap {max-width: 100%}


/*-------------------------------------
chapter 12
-------------------------------------*/
.book_wrap .chapter12 .ttl_area h1 {color: var(--ch12-color);}
.book_wrap .chapter12 .ttl_area h1 .no {background: var(--ch12-color);}
.book_wrap .chapter12 .box_cnt {background: var(--ch12-bg-color);}
.book_wrap .chapter12 .line_box_cnt {border-color: var(--ch3-color); color: var(--ch12-color);}
.book_wrap .chapter12 .line_box_cnt .label_group .input_wrap {border-color: var(--ch12-color);}
.book_wrap .chapter12 .num_ls li:before {background: var(--ch12-color);}
.book_wrap .chapter12 .input_line_box {border-color: var(--ch12-color);}
.book_wrap .chapter12 .input_line_box.has_bg {background-color: var(--ch12-color);}
.book_wrap .chapter12 .input_line_box .ttl {background: var(--ch12-color);}
.book_wrap .chapter12 .arw_txt.point:before {border-left-color: var(--ch12-color);}
.book_wrap .chapter12 .point {color: var(--ch12-color) !important}
.book_wrap .chapter12 .tbl_input_area table {border-color: var(--ch12-color);}
.book_wrap .chapter12 .tbl_input_area table tbody th {background-color: var(--ch12-bg-color1);font-weight:normal;border-color:var(--ch12-color);}
.book_wrap .chapter12 .tbl_input_area table thead th {background-color: var(--ch12-color);}
.book_wrap .chapter12 .tbl_input_area table td {border-color: var(--ch12-color);}
.book_wrap .chapter12 .tbl_input_area table th textarea {color: var(--ch12-color);}

.book_wrap .chapter12 .part1 .img_area{padding:6px;margin-left:-2px;}
.book_wrap .chapter12 .part3 tbody td:nth-child(3){
    color:var(--ch12-color);
}


/*-------------------------------------
    level 2 중급 chapter 12
--------------------------------------*/
.book_wrap .level2.chapter12 .ttl_area h1 {color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .ttl_area h1 .no {background: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .box_cnt {background: var(--level2-ch12-bg-color);}
.book_wrap .level2.chapter12 .line_box_cnt {border-color: var(--ch3-color); color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .line_box_cnt .label_group .input_wrap {border-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .num_ls li:before {background: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .input_line_box {border-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .input_line_box.has_bg {background-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .input_line_box .ttl {background: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .arw_txt.point:before {border-left-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .point {color: var(--level2-ch12-color) !important}
.book_wrap .level2.chapter12 .tbl_input_area table {border-color: var(--level2-ch12-color);;}
.book_wrap .level2.chapter12 .tbl_input_area table tbody th {background-color: var(--level2-ch12-bg-color);font-weight:normal;border-color:var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .tbl_input_area table thead th {background-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .tbl_input_area table td {border-color: var(--level2-ch12-color);}
.book_wrap .level2.chapter12 .tbl_input_area table th textarea {color: var(--level2-ch12-color);}

.book_wrap .level2.chapter12 .part2 .input_cnt .img_area {width: 110px;}
.book_wrap .level2.chapter12 .part2 .input_cnt .txt_area {width: 100%; padding-left: 140px; margin-left: -110px; box-sizing: border-box;}
.book_wrap .level2.chapter12 .part2 .info_box {background-color: #f4f3f8;}
.book_wrap .level2.chapter12 .part2 .info_box .input_item .input_wrap {max-width: 100%; width: 100%; border: none; padding: 0 10px 20px;}
.book_wrap .level2.chapter12 .part2 .info_box .input_item .input_wrap textarea {padding:0; line-height: 2em; font-size: 18px; background: repeating-linear-gradient(to right , transparent 0 2px, #f8f6fa 6px), repeating-linear-gradient(to bottom, transparent 0 calc(2em - 1px), #000 0 2em) #f8f6fa;}
.book_wrap .level2.chapter12 .part3 .num_ls  li[data-num="3"] .img_area {max-width: 380px; margin: 0 auto;}


/*-------------------------------------
    level 3 고급 chapter 12
--------------------------------------*/
.book_wrap .level3.chapter12 .ttl_area h1 {color: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .point {color: var(--level2-ch12-color) !important;}
.book_wrap .level3.chapter12 .ttl_area h1 .no {background: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .chat_ls .chat_item.user {color: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .num_ls li:before {background: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .input_line_box {border-color: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .tbl_input_area table {border-color: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .tbl_input_area table tbody th {background-color: var(--level2-ch12-bg-color);font-weight:normal;border-color:var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .tbl_input_area table thead th {background-color: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .tbl_input_area table td {border-color: var(--level2-ch12-color); text-align: left;}
.book_wrap .level3.chapter12 .tbl_input_area p.tbl_caption {display: block; margin-top: 10px; font-size: 0.9rem; color: #8a8c8f; text-align: right;}
.book_wrap .level3.chapter12 .input_line_box .ttl {background: var(--level2-ch12-color);}
.book_wrap .level3.chapter12 .arw_txt.point:before {border-left-color: var(--level2-ch12-color);}

.book_wrap .level3.chapter12 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level3.chapter12 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level3.chapter12 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap .level3.chapter12 .part2 .info_box {background-color: #f4f3f8;}
.book_wrap .level3.chapter12 .part2 .info_box .input_item .input_wrap {max-width: 100%; width: 100%; border: none; padding: 0 10px 20px;}
.book_wrap .level3.chapter12 .part2 .info_box .input_item .input_wrap textarea {padding:0; line-height: 2em; font-size: 18px; background: repeating-linear-gradient(to right , transparent 0 2px, #f8f6fa 6px), repeating-linear-gradient(to bottom, transparent 0 calc(2em - 1px), #000 0 2em) #f8f6fa;}


/*-------------------------------------
    level 4 심화 chapter 12
--------------------------------------*/
.book_wrap .level4.chapter12 .input_line_box .ttl {background: var(--ch12-color);}
.book_wrap .level4.chapter12 .point {color: var(--ch12-color) !important;}
.book_wrap .level4.chapter12  .arw_txt.point:before {border-left-color: var(--ch12-color);}

.book_wrap .level4.chapter12 .part1 .txt_cnt .col_item2>div.txt_area {text-align: left; padding-left: 0;}
.book_wrap .level4.chapter12 .part1 .txt_cnt .col_item2>div.img_area {float: right; width: 50%; max-width: 600px; padding-left: 20px;}
.book_wrap .level4.chapter12 .part2 .input_cnt .img_area {width: 130px;}
.book_wrap .level4.chapter12 .part2 .input_cnt .txt_area {width: 100%; padding-left: 160px; margin-left: -130px; box-sizing: border-box;}
.book_wrap.wrap_sm .level4.chapter12 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}

/*-------------------------------------
    LDC chapter 1
--------------------------------------*/
.book_wrap .ldc.chapter1 .tbl_input_area table {border-color: var(--ch1-color);}
.book_wrap .ldc.chapter1 .tbl_input_area table th {background-color: var(--ch1-bg-color); color: var(--ch1-color);}
.book_wrap .ldc.chapter1 .tbl_input_area table thead th {background-color: var(--ch1-color);}
.book_wrap .ldc.chapter1 .tbl_input_area table td {border-color: var(--ch1-color);}
.book_wrap .ldc.chapter1 .tbl_input_area table textarea {text-align: left;}
.book_wrap .ldc.chapter1 .btn-orange {display: block; width: fit-content; background: var(--ch1-color); color: #fff; margin: 0 auto 10px; padding: 8px 24px; border-radius: 6px;}

.book_wrap .ldc.chapter1 .part2 .img_cnt {text-align: center;}
.book_wrap .ldc.chapter1 .part2 .grid.grid_4 img {display: block; width: 100px; border-radius: 50%; margin: 0 auto 10px;}
.book_wrap .ldc.chapter1 .part2 .grid.grid_4 p {text-align: center; font-size: 20px; font-weight: 600; margin: 0 0 16px;}
.book_wrap .ldc.chapter1 .part3 .ttl_area.has_btn {margin-top: 40px;}
.book_wrap .ldc.chapter1 .part3 .inner > p {text-align: center;}
.book_wrap .ldc.chapter1 .part3 p strong {font-weight: 600; font-size: 20px;}
.book_wrap .ldc.chapter1 .part3 .num_ls h4.point {font-size: 20px; font-weight: 500;}
.book_wrap .ldc.chapter1 .part3 .num_ls li[data-num="1"] > p {margin-top: 20px;}
.book_wrap .ldc.chapter1 .part3 .num_ls li .img_area {text-align: center;}
.book_wrap .ldc.chapter1 .part3 .num_ls li .write-wrap {margin-top: 20px;}
.book_wrap .ldc.chapter1 .part3 .num_ls li .write-wrap button {width: 100px;}
.book_wrap .ldc.chapter1 .part3 .num_ls li .write-wrap  p {width: calc(100% - 110px);}
.book_wrap .ldc.chapter1 .part3 .num_ls li .write-wrap .input_wrap {margin: 12px 0 0;}
.book_wrap .ldc.chapter1 .part3 .write-wrap.gray-bg .write-inner {background: #ececec;}
.book_wrap .ldc.chapter1 .part3 .write-wrap.gray-bg .write-inner button {background: #848484;}
.book_wrap .ldc.chapter1 .part3 .btn-orange {margin-top: 10px;}
.book_wrap .ldc.chapter1 .part3 .write-wrap {margin-top: 40px;}
.book_wrap .ldc.chapter1 .part3 .num_ls li a, .book_wrap .ldc.chapter1 .part4 .num_ls li a {color: #0645AD;}
.book_wrap .ldc.chapter1 .part5 .num_ls li .txt_cnt {background-color: var(--ch1-bg-color); padding: 20px;}
.book_wrap .ldc.chapter1 .part6 .num_ls li a {color: #663366; user-select: all;}


/*-------------------------------------
    ethics chapter 1
--------------------------------------*/

.book_wrap .ethics .ttl_area h1 {color: var(--ch1-color);}
.book_wrap .ethics .ttl_area h1 .no {background: var(--ch1-color);}
.book_wrap .ethics .box_cnt {background: var(--ch1-bg-color);}
.book_wrap .ethics .line_box_cnt {border-color: var(--ch1-color); color: var(--ch1-color);}
.book_wrap .ethics .line_box_cnt .label_group .input_wrap {border-color: var(--ch1-color);}
.book_wrap .ethics .num_ls li:before {background: var(--ch1-color);}
.book_wrap .ethics .input_line_box {border-color: var(--ch1-color);}
.book_wrap .ethics .input_line_box .ttl {background: var(--ch1-color);}
.book_wrap .ethics .arw_txt.point:before {border-left-color: var(--ch1-color);}
.book_wrap .ethics .point {color: var(--ch1-color) !important}
.book_wrap .ethics .input_cnt .say_box .input_wrap input {max-width: 140px}
.book_wrap .ethics .mt40 {margin-top: 40px !important;}
.book_wrap .ethics .mb40 {margin-bottom: 40px;}
.book_wrap .ethics .mb80 {margin-bottom: 80px;}

.book_wrap .ethics .part1 .input_cnt .img_area {width: 130px; margin-top: 85px;}
.book_wrap .ethics .part1 .input_cnt .txt_area {width: fit-content; padding-left: 160px; margin-left: -130px; margin-right: auto; box-sizing: border-box;}
.book_wrap.wrap_sm .ethics .part1 .input_cnt .txt_area {width: 100%; padding-left: 0; margin-left: 0;}
.book_wrap .ethics .part1 .col_item {margin-bottom: 40px;}
.book_wrap .ethics .part1 .col_item>div {width: 50%;}
.book_wrap .ethics .part1 .col_item .txt_area {text-align: left;}
.book_wrap .ethics .part1 .col_item .num_ls  {padding: 30px 0 0 20px;}


/*-------------------------------------
    미디더 쿼리
--------------------------------------*/

/* 미디어 퀴리 대체 .wrap_m (630 이하) */
.book_wrap.wrap_m .chapter1 .input_cnt .say_box .input_wrap input {max-width: 100px}


/* 미디어 퀴리 대체 .wrap_sm (540px 이하) */
.book_wrap.wrap_sm .ch_body {padding: 40px 15px;}
.book_wrap.wrap_sm .ttl_area.has_btn {
    padding-right: 110px;
}
.book_wrap.wrap_sm .ttl_area.has_btn .btn figure {
    width: 94px;
    height: 25px;
    background-size: auto 25px;
}
.book_wrap.wrap_sm,
.book_wrap.wrap_sm .ttl h2,
.book_wrap.wrap_sm .label_group .label,
.book_wrap.wrap_sm .label_group .input_wrap input{font-size: 16px;}
.book_wrap.wrap_sm .chapter,
.book_wrap.wrap_sm .input_wrap input,
.book_wrap.wrap_sm .input_wrap textarea,
.book_wrap.wrap_sm .box_cnt.img_bg_box .txt_area,
.book_wrap.wrap_sm .arw_txt,
.book_wrap.wrap_sm .input_item label,
.book_wrap.wrap_sm .tbl_input_area table th,
.book_wrap.wrap_sm .tbl_input_area table td,
.book_wrap.wrap_sm .chat_ls .chat_item .chat_cnt .input_wrap input {font-size: 14px;}
.book_wrap.wrap_sm .info_box li,
.book_wrap.wrap_sm .chat_ls .chat_item {font-size: 15px;}
.book_wrap.wrap_sm .ttl_area h1 {font-size: 20px; padding-left: 55px;}
.book_wrap.wrap_sm .ttl_area h1 .no {min-width: 45px}
.book_wrap.wrap_sm .chat_ls {padding: 0;}

.book_wrap.wrap_sm .box_cnt,
.book_wrap.wrap_sm .txt_cnt p,
.book_wrap.wrap_sm .num_ls li,
.book_wrap.wrap_sm .input_item label{font-size: 14px;}

.book_wrap.wrap_sm .input_cnt .txt_area .say_box {padding: 12px 15px;}
.book_wrap.wrap_sm .input_cnt .txt_area .say_box {margin-top: 20px; font-size: 13px;}
.book_wrap.wrap_sm .input_cnt .txt_area .say_box:before {bottom: 100%; top: auto; left: 30px; border-right-color: transparent; border-bottom-color: #eeefef;}

.book_wrap.wrap_sm .grid>.col.col_6 {width: 100%;}
.book_wrap.wrap_sm .grid>.col.col_3 {width: 50%;}

.book_wrap.wrap_sm .chapter1 .part2 .input_cnt  {position: relative;}
.book_wrap.wrap_sm .chapter1 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap.wrap_sm .chapter1 .part2 .input_cnt .txt_area .hand_txt {position: absolute; top: 10px; left: 140px; right: 0;}

.book_wrap.wrap_sm .chapter2 .part3 .tbl_input_area table th .img_area {width: 40px}
.book_wrap.wrap_sm .chapter2 .part3 .tbl_input_area table td .img_area {width: 70px}

.book_wrap.wrap_sm .chapter3 .part3 .input_cnt .txt_area {margin-left: 0; padding-left: 0;}
.book_wrap.wrap_sm .chapter3 .part3 .input_cnt .say_box .input_wrap {max-width: 80px}

.book_wrap.wrap_sm .chapter5 .part2 .input_cnt  {position: relative;}
.book_wrap.wrap_sm .chapter5 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap.wrap_sm .chapter5 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap.wrap_sm .chapter5 .part2 .input_cnt .txt_area .hand_txt {position: absolute; top: 10px; left: 110px; right: 0;}
.book_wrap.wrap_sm .chapter5 .part2 .input_cnt .say_box.input_wrap.s {max-width: 60px}
.book_wrap.wrap_sm .chapter5 .part2 .input_cnt .say_box .input_wrap {max-width: 120px}

.book_wrap.wrap_sm .chapter7 .part2 .input_cnt  {position: relative;}
.book_wrap.wrap_sm .chapter7 .part2 .input_cnt .img_area {padding-top: 0;}
.book_wrap.wrap_sm .chapter7 .part2 .input_cnt .txt_area {padding-left: 0; margin-left: 0;}
.book_wrap.wrap_sm .chapter7 .part2 .input_cnt .txt_area .hand_txt {position: absolute; top: 10px; left: 140px; right: 0;}

.book_wrap.wrap_sm .chapter8 .part3 .input_cnt{position:relative}
.book_wrap.wrap_sm .chapter8 .part3 .input_cnt .txt_area .hand_txt{position: absolute; top: 50px; left: 140px; right: 0;}
.book_wrap.wrap_sm .chapter8 .part3 .input_cnt .txt_area{margin:0;padding:0;}

.book_wrap.wrap_sm .chapter9 .part1 .txt_cnt .col_item>div { display: block; width: 100%;}
.book_wrap.wrap_sm .chapter9 .part1 .txt_cnt .col_item>div.img_area {padding: 0;}
.book_wrap.wrap_sm .chapter9 .part2 .input_cnt .txt_area {margin:0;padding:0;}

.book_wrap.wrap_sm .chapter11 .part2 .input_cnt .txt_area {margin:0;padding:0;}


/*단비 이북 개편 : 진척도*/
.progress-box {
    display: block !important;
    position: relative;
    height: 45px;
    z-index: 1;
}
.progress-box .progress-wrap {
    position: relative;
    width: calc(100% - 40px);
    display: block;
    border: 1px solid #eee;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.48);
    margin: -6px auto 0;
}
.progress-box .progress-wrap p.info {
    display: none;
    position: absolute;
    left: 28px;
    bottom: 2px;
    z-index: 1;
    width: calc(100% - 28px);
    background: #fff;
    font-size: 14px;
    margin: 0;
}
.progress-box .progress-wrap:hover p.info {
    display: block;
}

.progress-box .progress-wrap .step0 b {
    position: absolute;
    top: 0;
    left: 16px;
    display: block;
    width: max-content;
    font-style: normal;
}

/*2차 이북 개편 : 강의, 실습 영상*/
.chapter .video-wrap {
    position: relative;
    padding-bottom: 56.25% !important;
    margin-bottom: 10px !important;
    height: 0;
    overflow: hidden;
}

.chapter .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*2차 이북 개편 : 입력하기 추가*/
.book_wrap .write-wrap {
    margin: 20px 0 40px;
}
.book_wrap .write-wrap h3 {
    font-size: 20px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}
.num_ls .write-wrap h3 {
    margin-bottom: 8px;
}
.write-wrap p.failed {
    margin: 4px 0 0;
    color: #ff6445;
    font-weight: 500;
}
.write-wrap .write-inner {
    padding: 20px;
    border-radius: 10px;
}
.chapter1 .write-wrap .write-inner {
    background: rgba(246, 139, 30, 0.15);
}
.chapter2 .write-wrap .write-inner {
    background: rgba(93, 168, 61, 0.15);
}
.chapter3 .write-wrap .write-inner {
    background: rgba(110, 96, 171, 0.15);
}
.chapter4 .write-wrap .write-inner {
    background: rgba(0, 173, 186, 0.15);
}
.chapter5 .write-wrap .write-inner {
    background: rgba(241, 114, 172, 0.15);
}
.chapter6 .write-wrap .write-inner {
    background: rgba(241, 94, 63, 0.15);
}
.chapter7 .write-wrap .write-inner {
    background: rgba(66, 104, 178, 0.15);
}
.chapter8 .write-wrap .write-inner {
    background: rgba(244, 120, 53, 0.15);
}
.chapter9 .write-wrap .write-inner {
    background: rgba(8, 163, 150, 0.15);
}
.chapter10 .write-wrap .write-inner {
    background: rgba(220, 142, 37, 0.15);
}
.chapter11 .write-wrap .write-inner {
    background: rgba(0, 169, 85, 0.15);
}
.chapter12 .write-wrap .write-inner {
    background: rgba(243, 111, 107, 0.15);
}
/*중급*/
.level2.chapter1 .write-wrap .write-inner {
    background: rgba(246, 139, 30, 0.15);
}
.level2.chapter2 .write-wrap .write-inner {
    background: rgba(210, 105, 62, 0.15);
}
.level2.chapter3 .write-wrap .write-inner {
    background: rgba(131, 183, 64, 0.15);
}
.level2.chapter4 .write-wrap .write-inner {
    background: rgba(37, 144, 70, 0.15);
}
.level2.chapter5 .write-wrap .write-inner {
    background: rgba(52, 166, 183, 0.15);
}
.level2.chapter6 .write-wrap .write-inner {
    background: rgba(81, 114, 174, 0.15);
}
.level2.chapter7 .write-wrap .write-inner {
    background: rgba(211, 113, 163, 0.15);
}
.level2.chapter8 .write-wrap .write-inner {
    background: rgba(207, 74, 116, 0.15);
}
.level2.chapter9 .write-wrap .write-inner {
    background: rgba(203, 75, 55, 0.15);
}
.level2.chapter10 .write-wrap .write-inner {
    background: rgba(174, 42, 35, 0.15);
}
.level2.chapter11 .write-wrap .write-inner {
    background: rgba(136, 97, 158, 0.15);
}
.level2.chapter12 .write-wrap .write-inner {
    background: rgba(84, 79, 148, 0.15);
}
/*고급*/
.level3.chapter1 .write-wrap .write-inner {
    background: rgba(246, 139, 30, 0.15);
}
.level3.chapter2 .write-wrap .write-inner {
    background: rgba(210, 105, 62, 0.15);
}
.level3.chapter3 .write-wrap .write-inner {
    background: rgba(131, 183, 64, 0.15);
}
.level3.chapter4 .write-wrap .write-inner {
    background: rgba(37, 144, 70, 0.15);
}
.level3.chapter5 .write-wrap .write-inner {
    background: rgba(52, 166, 183, 0.15);
}
.level3.chapter6 .write-wrap .write-inner {
    background: rgba(81, 114, 174, 0.15);
}
.level3.chapter7 .write-wrap .write-inner {
    background: rgba(211, 113, 163, 0.15);
}
.level3.chapter8 .write-wrap .write-inner {
    background: rgba(207, 74, 116, 0.15);
}
.level3.chapter9 .write-wrap .write-inner {
    background: rgba(203, 75, 55, 0.15);
}
.level3.chapter10 .write-wrap .write-inner {
    background: rgba(174, 42, 35, 0.15);
}
.level3.chapter11 .write-wrap .write-inner {
    background: rgba(136, 97, 158, 0.15);
}
.level3.chapter12 .write-wrap .write-inner {
    background: rgba(84, 79, 148, 0.15);
}
.write-wrap .write-inner .input_wrap {
    background: #fff;
    margin-bottom: 12px;
}
.write-wrap .write-inner .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.write-wrap .write-inner .box p {
    width: calc(100% - 80px);
}
.write-wrap .write-inner .box button, .write-wrap .write-inner .box a {
    border-radius: 20px;
    color: #fff;
    width: 60px;
    padding: 4px 0;
    text-align: center;
}
.write-wrap .write-inner .box a {
    width: 120px;
}
.chapter1 .write-wrap .write-inner .box button, .chapter1 .write-wrap .write-inner .box a, .chapter1 .write-wrap .write-inner.chatbot-make button, .chapter1 .write-wrap .write-inner .weblink-btn {
    background: var(--ch1-color);
}
.chapter2 .write-wrap .write-inner .box button, .chapter2 .write-wrap .write-inner .box a, .chapter2 .write-wrap .write-inner.chatbot-make button, .chapter2 .write-wrap .write-inner .weblink-btn {
    background: var(--ch2-color);
}
.chapter3 .write-wrap .write-inner .box button, .chapter3 .write-wrap .write-inner .box a, .chapter3 .write-wrap .write-inner.chatbot-make button, .chapter3 .write-wrap .write-inner .weblink-btn {
    background: var(--ch3-color);
}
.chapter4 .write-wrap .write-inner .box button, .chapter4 .write-wrap .write-inner .box a, .chapter4 .write-wrap .write-inner.chatbot-make button, .chapter4 .write-wrap .write-inner .weblink-btn {
    background: var(--ch4-color);
}
.chapter5 .write-wrap .write-inner .box button, .chapter5 .write-wrap .write-inner .box a, .chapter5 .write-wrap .write-inner.chatbot-make button, .chapter5 .write-wrap .write-inner .weblink-btn {
    background: var(--ch5-color);
}
.chapter6 .write-wrap .write-inner .box button, .chapter6 .write-wrap .write-inner .box a, .chapter6 .write-wrap .write-inner.chatbot-make button, .chapter6 .write-wrap .write-inner .weblink-btn {
    background: var(--ch6-color);
}
.chapter7 .write-wrap .write-inner .box button, .chapter7 .write-wrap .write-inner .box a, .chapter7 .write-wrap .write-inner.chatbot-make button, .chapter7 .write-wrap .write-inner .weblink-btn {
    background: var(--ch7-color);
}
.chapter8 .write-wrap .write-inner .box button, .chapter8 .write-wrap .write-inner .box a, .chapter8 .write-wrap .write-inner.chatbot-make button, .chapter8 .write-wrap .write-inner .weblink-btn {
    background: var(--ch8-color);
}
.chapter9 .write-wrap .write-inner .box button, .chapter9 .write-wrap .write-inner .box a, .chapter9 .write-wrap .write-inner.chatbot-make button, .chapter9 .write-wrap .write-inner .weblink-btn {
    background: var(--ch9-color);
}
.chapter10 .write-wrap .write-inner .box button, .chapter10 .write-wrap .write-inner .box a, .chapter10 .write-wrap .write-inner.chatbot-make button, .chapter10 .write-wrap .write-inner .weblink-btn {
    background: var(--ch10-color);
}
.chapter11 .write-wrap .write-inner .box button, .chapter11 .write-wrap .write-inner .box a, .chapter11 .write-wrap .write-inner.chatbot-make button, .chapter11 .write-wrap .write-inner .weblink-btn {
    background: var(--ch11-color);
}
.chapter12 .write-wrap .write-inner .box button, .chapter12 .write-wrap .write-inner .box a, .chapter12 .write-wrap .write-inner.chatbot-make button, .chapter12 .write-wrap .write-inner .weblink-btn {
    background: var(--ch12-color);
}
/*중급*/
.level2.chapter1 .write-wrap .write-inner .box button, .level2.chapter1 .write-wrap .write-inner .box a, .level2.chapter1 .write-wrap .write-inner.chatbot-make button, .level2.chapter1 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch1-color);
}
.level2.chapter2 .write-wrap .write-inner .box button, .level2.chapter2 .write-wrap .write-inner .box a, .level2.chapter2 .write-wrap .write-inner.chatbot-make button, .level2.chapter2 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch2-color);
}
.level2.chapter3 .write-wrap .write-inner .box button, .level2.chapter3 .write-wrap .write-inner .box a, .level2.chapter3 .write-wrap .write-inner.chatbot-make button, .level2.chapter3 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch3-color);
}
.level2.chapter4 .write-wrap .write-inner .box button, .level2.chapter4 .write-wrap .write-inner .box a, .level2.chapter4 .write-wrap .write-inner.chatbot-make button, .level2.chapter4 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch4-color);
}
.level2.chapter5 .write-wrap .write-inner .box button, .level2.chapter5 .write-wrap .write-inner .box a, .level2.chapter5 .write-wrap .write-inner.chatbot-make button, .level2.chapter5 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch5-color);
}
.level2.chapter6 .write-wrap .write-inner .box button, .level2.chapter6 .write-wrap .write-inner .box a, .level2.chapter6 .write-wrap .write-inner.chatbot-make button, .level2.chapter6 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch6-color);
}
.level2.chapter7 .write-wrap .write-inner .box button, .level2.chapter7 .write-wrap .write-inner .box a, .level2.chapter7 .write-wrap .write-inner.chatbot-make button, .level2.chapter7 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch7-color);
}
.level2.chapter8 .write-wrap .write-inner .box button, .level2.chapter8 .write-wrap .write-inner .box a, .level2.chapter8 .write-wrap .write-inner.chatbot-make button, .level2.chapter8 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch8-color);
}
.level2.chapter9 .write-wrap .write-inner .box button, .level2.chapter9 .write-wrap .write-inner .box a, .level2.chapter9 .write-wrap .write-inner.chatbot-make button, .level2.chapter9 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch9-color);
}
.level2.chapter10 .write-wrap .write-inner .box button, .level2.chapter10 .write-wrap .write-inner .box a, .level2.chapter10 .write-wrap .write-inner.chatbot-make button, .level2.chapter10 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch10-color);
}
.level2.chapter11 .write-wrap .write-inner .box button, .level2.chapter11 .write-wrap .write-inner .box a, .level2.chapter11 .write-wrap .write-inner.chatbot-make button, .level2.chapter11 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch11-color);
}
.level2.chapter12 .write-wrap .write-inner .box button, .level2.chapter12 .write-wrap .write-inner .box a, .level2.chapter12 .write-wrap .write-inner.chatbot-make button, .level2.chapter12 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch12-color);
}
/*고급*/
.level3.chapter1 .write-wrap .write-inner .box button, .level3.chapter1 .write-wrap .write-inner .box a, .level3.chapter1 .write-wrap .write-inner.chatbot-make button, .level3.chapter1 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch1-color);
}
.level3.chapter2 .write-wrap .write-inner .box button, .level3.chapter2 .write-wrap .write-inner .box a, .level3.chapter2 .write-wrap .write-inner.chatbot-make button, .level3.chapter2 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch2-color);
}
.level3.chapter3 .write-wrap .write-inner .box button, .level3.chapter3 .write-wrap .write-inner .box a, .level3.chapter3 .write-wrap .write-inner.chatbot-make button, .level3.chapter3 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch3-color);
}
.level3.chapter4 .write-wrap .write-inner .box button, .level3.chapter4 .write-wrap .write-inner .box a, .level3.chapter4 .write-wrap .write-inner.chatbot-make button, .level3.chapter4 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch4-color);
}
.level3.chapter5 .write-wrap .write-inner .box button, .level3.chapter5 .write-wrap .write-inner .box a, .level3.chapter5 .write-wrap .write-inner.chatbot-make button, .level3.chapter5 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch5-color);
}
.level3.chapter6 .write-wrap .write-inner .box button, .level3.chapter6 .write-wrap .write-inner .box a, .level3.chapter6 .write-wrap .write-inner.chatbot-make button, .level3.chapter6 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch6-color);
}
.level3.chapter7 .write-wrap .write-inner .box button, .level3.chapter7 .write-wrap .write-inner .box a, .level3.chapter7 .write-wrap .write-inner.chatbot-make button, .level3.chapter7 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch7-color);
}
.level3.chapter8 .write-wrap .write-inner .box button, .level3.chapter8 .write-wrap .write-inner .box a, .level3.chapter8 .write-wrap .write-inner.chatbot-make button, .level3.chapter8 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch8-color);
}
.level3.chapter9 .write-wrap .write-inner .box button, .level3.chapter9 .write-wrap .write-inner .box a, .level3.chapter9 .write-wrap .write-inner.chatbot-make button, .level3.chapter9 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch9-color);
}
.level3.chapter10 .write-wrap .write-inner .box button, .level3.chapter10 .write-wrap .write-inner .box a, .level3.chapter10 .write-wrap .write-inner.chatbot-make button, .level3.chapter10 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch10-color);
}
.level3.chapter11 .write-wrap .write-inner .box button, .level3.chapter11 .write-wrap .write-inner .box a, .level3.chapter11 .write-wrap .write-inner.chatbot-make button, .level3.chapter11 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch11-color);
}
.level3.chapter12 .write-wrap .write-inner .box button, .level3.chapter12 .write-wrap .write-inner .box a, .level3.chapter12 .write-wrap .write-inner.chatbot-make button, .level3.chapter12 .write-wrap .write-inner .weblink-btn {
    background: var(--level2-ch12-color);
}

.write-wrap .write-inner .weblink-btn {
    display: flex;
    align-items: center;
    width: 90%;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    margin: 10px auto;
}
.write-wrap .write-inner .weblink-btn img {
    width: 60px;
    border-radius: 60px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    margin-right: 8px;
}

.write-wrap .write-inner p b {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}
.write-wrap .write-inner p button {
    position: inherit;
    right: inherit;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    margin: 0 0 0 4px;
    padding: 2px 10px;
}
.write-wrap .write-inner.chatbot-make button {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border-radius: 40px;
    padding: 6px 16px 6px 10px;
}
.write-wrap .write-inner.chatbot-make button img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    margin-right: 4px;
}
.write-wrap .write-inner.chatbot-make button.download-btn img {
    border-radius: initial;
    box-shadow: none;
    margin-right: 0;
}
/*단비 추가 수정*/
.book_wrap .num_ls li, .book_wrap .col_item > p {line-height: 1.7;}
.book_wrap .num_ls li:before {top: 0.3em;}