.sub_wrap {display: flex;width: 100%;min-height: 350px;margin-bottom: -80px;}
.sub_wrap .left_menu {position: relative;min-width:23.438%;margin-right:4.5rem;background: #fff;z-index: 100;}
.sub_wrap .left_menu:before,
.sub_wrap .left_menu:after {content:'';position: absolute;top: 0;width: 1px;height: 100%;background: #ccc;z-index: 10;}
.sub_wrap .left_menu:before {left: 0;}
.sub_wrap .left_menu:after {right: 0;}
.sub_wrap .left_menu h3 {display: flex;align-items: center;height: 6rem;padding: 0 3rem;border-bottom: 1px solid #cccccc;font-size: 1.6rem;font-weight: 500;color: #000000;}
.sub_wrap .left_menu .study_make img {position: relative;width: 100%;z-index: 11;}
 
/* left menu */
.sub_wrap .left_menu .list {padding: 2.5rem 0 2.7rem   ;background: #f7f8f9;border-bottom: 1px solid #cccccc;}
.sub_wrap .left_menu .list > li {}
.sub_wrap .left_menu .list > li.active {background:url('/template/resp/images/ico_left_arr.png') calc(100% - 3.4rem) 0.8rem no-repeat;}
.sub_wrap .left_menu .list > li + li {margin-top: 1.7rem;}
.sub_wrap .left_menu .list > li a {display: block;padding: 0 4.5rem 0 4rem;font-size: 1.6rem;color: #959595;}
.sub_wrap .left_menu .list > li.active a {color: #00a2ff;}

.sub_wrap .left_menu .list .depth2, .left_menu .list .depth3 {display: none;}
.sub_wrap .left_menu .list > li.active > a:after {opacity: 1;transform: translate(0,-50%) rotate(0);}
.sub_wrap .left_menu .list .depth2 {padding: 14px 0 9px 4rem;}
.sub_wrap .left_menu .list .depth2 > li > a {display: block;padding:5px 10px;font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing:-0.025em; color: #959595;}
.sub_wrap .left_menu .list .depth2 > li.active > a {font-weight: 700;color: #5B9BD5;}
.sub_wrap .left_menu .list .depth3 > li > a {display: block;position: relative;padding: 6px 25px;font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing:-0.025em; color: #959595;}
.sub_wrap .left_menu .list .depth3 > li.active > a {background: #f1f1f3;font-weight: 700;}
.sub_wrap .left_menu .list .depth3 > li.active > a:before {content:'';position: absolute;top: 50%;left: 10px;width: 5px;height: 2px;background: #333333;transform: translate(0,-50%);}

  

.sub_wrap .sub_con { padding: 6.5rem 0 7rem 0;flex-grow: 1;}
.sub_wrap .sub_tit1 {padding: 0 1.4rem 1.5rem;font-size: 26px;font-weight:500;color: #333333;}
.sub_wrap .sub_tit1 .text_blue {color: #00a2ff;}
.sub_wrap .sub_tit1 .text_red {color: #e35019;}
.sub_wrap .tit_info {position: relative;display: block;margin-bottom: -0.2rem;padding-left: 1.4rem;font-size: 15px;font-weight: 300;line-height: 1.4;color: #666666;margin-left: 1.5rem;}
.sub_wrap .tit_info:before {content:'';position: absolute;top: 4px;left: 0;width: 2px;height: 13px;background: #00a2ff;}
.sub_wrap .sub_tit2 {padding: 0 1.5rem 1.5rem 4.7rem;background:url('/template/resp/images/bg_tit1.png') 1.5rem 1.1rem no-repeat;background-size: 1.9rem auto;font-size: 2.6rem;font-weight:500;color: #333333;}
.sub_wrap .sub_tit3 {padding: 0 1.4rem 2rem;font-size: 22px;font-weight: 500;color: #000000;}
 

.sub_wrap .study_view {overflow: hidden;padding: 4.5rem 0.8rem 6rem 1.4rem;border-top: 1px solid #2f4260;border-bottom: 1px solid #cccccc;position:relative;word-break: break-all;}
.sub_wrap .study_view .img {position: relative;display: block;width: 43.8rem;height: 43.8rem;background-position: center center;background-size: cover;background-repeat: no-repeat;float: left;}
.sub_wrap .study_view .img .img_tit {overflow: hidden;position: absolute;max-height: 29.5rem;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size:4.5rem;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.sub_wrap .study_view .info {overflow: hidden;padding-left: 5.5rem;}
.sub_wrap .study_view .list {margin: 0.9rem 0 0.7rem;}
.sub_wrap .study_view .list > li {position: relative;padding-left: 8rem;}
.sub_wrap .study_view .list > li .tit1 {position: absolute;top: 0;left: 0;width: 7.2rem;font-size: 1.8rem;font-weight: 500;line-height:3rem;color: #999999;text-align:justify; text-justify: inter-word;}
.sub_wrap .study_view .list > li .tit1:after{content:""; display:inline-block; width:100%; }
.sub_wrap .study_view .list > li .txt1 {font-size: 1.8rem;font-weight: 500;line-height:3rem;color: #000000;vertical-align: top;}
.sub_wrap .study_view .list > li .txt1.count {color: #e35019;}
.sub_wrap .study_view .tit2 {display: block;margin-bottom: 3.8rem;font-size: 2.6rem;font-weight: 500;line-height: 3.1rem;color: #333333;word-break: keep-all;}
.sub_wrap .study_view .tit3 {margin-bottom:0.4rem;font-size: 1.8rem;font-weight: 500;color: #000;}
.sub_wrap .study_view .txt2 {overflow: hidden;display: -webkit-box;height: 15rem;margin-bottom: 2.1rem;font-size: 1.8rem;font-weight: 300;line-height: 3rem;color: #666666;word-break: keep-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.sub_wrap .study_view .study_btn {font-size: 0;}
.sub_wrap .study_view .study_btn .whzbtn {display: inline-block;width: 49%;height: 6rem;max-width: 20.6rem; background: #2f4260;font-size:2rem;font-weight: 500;line-height: 6rem;color: #ffffff;text-align: center;}
.sub_wrap .study_view .study_btn .whzbtn.type2 {margin-left: 2%;background: #00a2ff;}
.sub_wrap .study_view .buyBtnArea{position:absolute;bottom:6rem;right:0px;text-align:right;}
.sub_wrap .go_study {}
.sub_wrap .go_study a {display: block;padding:2rem 0;font-size: 0;text-align: center;}
.sub_wrap .go_study a .tit {display: inline-block;margin-right: 0.8rem;font-size: 2rem;font-weight: 500;color: #8d8d8d;vertical-align: middle;} 
.sub_wrap .go_study a:hover .tit {color: #00a2ff;}
.sub_wrap .go_study a .go {display: inline-block;width: 8.1rem;height: 2.8rem;background: #00a2ff;border-radius:2.8rem;font-size: 1.2rem;font-weight: 500;line-height: 2.8rem;color: #fff;text-align: center;vertical-align: middle;} 

.sub_wrap .go_study a .go img {display: inline-block;margin-left: 0.5rem;vertical-align: middle;}

.book_list {overflow: hidden;display: flex;flex-wrap:wrap;margin-bottom: 7rem;padding: 4.5rem 0 0;border-top: 1px solid #2f4260;border-bottom: 1px solid #cccccc;}
.book_list > li {width: 20%;margin-bottom: 5rem;}
.book_list > li a {display: block;position: relative;padding: 0 1.5rem;}
.book_list > li .rank {position: absolute;top: -0.7rem;left:2%;width: 3.2rem;height: 3.2rem;font-size: 2rem;font-weight: 500;color: #666666;text-align: center;z-index: 2;}
.book_list > li:nth-child(-n+3) .rank{background: #e35019;border-radius:1.6rem;color: #fff;}
.book_list > li:nth-child(n+10) .rank {left: 0;}

.book_list > li .img {position: relative;display: block;width: 79.62%;margin: 0 auto;padding-bottom:110.83%;background-position: center center;background-size: cover;background-repeat: no-repeat;z-index: 1;}
.book_list > li .img_tit {overflow: hidden;max-height: 124px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size:19px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.book_list > li .tit {display: block;margin-top: 1.2rem;font-size: 1.8rem;font-weight: 500;line-height: 2.4rem;color: #000;text-align: center;/*word-break: keep-all;*/}
.book_list > li .name{display: block;margin-top:0.3rem;font-size: 1.8rem;font-weight: 500;color: #999999;text-align: center;word-break: keep-all;}
.book_list > li .txt {overflow: hidden; display: -webkit-box;max-height: 4.7rem;font-size: 1.6rem;line-height: 2.2rem;color: #959595;text-align: center; -webkit-line-clamp:2; -webkit-box-orient: vertical;word-break: keep-all;}

.book_list2 {margin-bottom: 7rem;border-top: 1px solid #2f4260;}
.book_list2 > li {padding: 3rem 0 4rem;border-bottom: 1px solid #cccccc;position:relative;}
.book_list2 > li a {display: flex;align-items: flex-start;padding: 0 3rem;word-break: keep-all;}
.book_list2 > li .img {width: 14.63%;padding-bottom: 20.344%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.book_list2 > li .con {width: 85.36%;padding-left: 3rem;}
.book_list2 > li .con .tit {display: block;margin-top: -0.4rem;font-size: 1.8rem;font-weight: 500;line-height: 2.3rem;color: #000000;}
.book_list2 > li .con .txt {overflow: hidden; display: -webkit-box;height: 12rem;margin-top: 2.2rem;font-size: 1.6rem;line-height: 2.4rem;color: #959595; -webkit-line-clamp: 5; -webkit-box-orient: vertical;word-break: break-all;}
.book_list2 > li a.nice_button{position:absolute;display: block;right:0px;top:20px;z-index:1000;}
.book_list2 > li em{font-size:0.938em;padding-left:5px;color:#999;}
.book_list2 > li .nice_button{cursor: auto;}


.book_list3 {display: flex;flex-wrap:wrap;border-top: 1px solid #2f4260;}
.book_list3 > li {width: 50%;border-bottom: 1px solid #cccccc;}
.book_list3 > li a {overflow: hidden;display: block;padding: 2.5rem 3rem 3rem;}
.book_list3 > li .tit {display: block;margin-bottom:1.9rem;font-size: 1.8rem;font-weight: 500;color: #000000;}
.book_list3 > li .img {position: relative;width: 31.166%;padding-bottom: 43.93%;background-position: center center;background-size: cover;background-repeat: no-repeat;float: left;}
.book_list3 > li .img_tit {overflow: hidden;max-height: 124px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size:19px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.book_list3 > li .con {width:  68.834%;padding-left: 3rem;float: left;}
.book_list3 > li .con .txt1 {display: block;margin-top: 1.5rem;font-size: 1.6rem;color: #959595;}
.book_list3 > li .con .txt1 .line {display: inline-block;width: 1px;height: 1.4rem;margin: 0.6rem 1.4rem 0;background: #959595;vertical-align: top;}
.book_list3 > li .con .txt2 {overflow: hidden;display: -webkit-box;height: 9rem;margin-top: 1rem;font-size: 1.6rem;line-height: 3rem;color: #959595; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.book_list4 {border-top: 1px solid #2f4260;}
.book_list4 > li {position: relative;display: flex;align-items: flex-start; border-bottom: 1px solid #cccccc;padding: 2.5rem 3rem;}
.book_list4 > li .link {position: absolute;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.book_list4 > li .preview {position: relative;display: block;margin-top: 1rem;text-align: center;font-size: 1.6rem;border: 1px solid #ccc;padding:0.5rem 0;border-radius:0.5rem;z-index: 2;}
.book_list4 > li .book_main_tit {display: block;margin-right: 0.5rem;font-size: 1.8rem;font-weight: 500;color: #000000;}
.book_list4 > li .book_sub_tit {display: block;margin-top:0.5rem;font-size:1.4rem;font-weight: 400;color: #959595;}
.book_list4 > li .img_wrap {position: relative;flex-shrink: 0; width: 14.515%;}
.book_list4 > li .img_wrap .img {display: block;padding-bottom:140.95%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.book_list4 > li .img_tit {overflow: hidden;max-height: 124px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size:19px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.book_list4 > li .con {flex-grow:1;padding-left: 3rem;float: left;}
.book_list4 > li .con .txt1 {display: block;margin-top: 1.5rem;font-size: 1.6rem;color: #959595;}
.book_list4 > li .con .txt1 .line {display: inline-block;width: 1px;height: 1.4rem;margin: 0.6rem 1.4rem 0;background: #959595;vertical-align: top;}
.book_list4 > li .con .price {display: block;margin-top: 0.2rem;font-size: 1.4rem;color: #000;}
.book_list4 > li .con .price strong {font-size: 1.8rem;}
.book_list4 > li .con .txt2 {overflow: hidden;display: -webkit-box;margin-top: 1rem;font-size: 1.6rem;line-height: 3rem;color: #959595; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}



/* 북스터디 글쓰기 페이지 */
.study_write .list {border-top: 1px solid #2f4260;}
.study_write .list > li { position: relative;padding: 2.8rem 3.5rem 2.8rem 1.5rem;border-bottom: 1px solid #cccccc;font-size: 0;}
.study_write .list > li input[type="text"] {width: 100%;height: 5rem;padding: 0 2rem;border-radius:0;font-size: 1.8rem;font-weight: 400;color: #666;}
.study_write .list > li input[type="text"]::placeholder {color: #d8d8d8;}
.study_write .list > li .tit {display: block;margin-bottom: 1rem;font-size: 2rem;font-weight: 400;color: #000000;}
.study_write .list > li .bytes {position: absolute;top: 3.2rem;right: 4.7rem;font-size: 1.6rem;font-weight: 300;color: #959595; white-space: nowrap;}
.study_write .list > li .input_box {display: flex;font-size: 0;}
.study_write .list > li input.name {width: calc(100% - 10.9rem);border-right: none;vertical-align: top;}
.study_write .list > li .whzbtn {display: inline-block;width: 10.9rem;height: 5rem;background: #eeeeee;font-size: 1.8rem;line-height:5rem;color: #959595;text-align: center;vertical-align: top;transition: background 0.2s;}
.study_write .list > li .whzbtn:hover {background: #2f4260;color: #ffffff;}
.study_write .list > li .info_input {width: 100%;min-height:10rem;padding: 2rem;border: 1px solid #cccccc;border-radius:0;font-family: 'Noto Sans KR', sans-serif;font-size: 1.8rem;font-weight: 400;color: #333;resize: none;}
.study_write .list > li .txt {display: block;position: relative;margin-bottom: 0.6rem;padding-left: 1.7rem;font-size: 1.6rem;font-weight: 300;color: #666666;word-break: keep-all;}
.study_write .list > li .txt:before {content:'';position: absolute;top:0.6rem;left: 0;width: 1px;height: 1.4rem;background: #d9d9d9;}
.study_write .list > li .thum_img{max-width:100%;}
.study_write .list > li label.file-del-label{font-size: 1.6rem;color: #666666;}
#contents .input-file {margin-bottom: 0;padding-right: 10.9rem;}
#contents .input-file .file-name {height: 5rem;padding: 0 2rem;background: #fff;border-right: none;border-color: #cccccc;text-indent: 0;}
#contents .input-file .file-label {width: 10.9rem;height: 5rem;background: #eeeeee;font-size: 1.8rem;line-height: 5rem;color: #959595;}

.study_write .study_btn {margin-top: 2.7rem;font-size: 0;text-align: center;}
.study_write .study_btn a {display: inline-block;width: 20.6rem;height: 6rem;margin: 0 0.5rem;background: #a9b2c0;font-size: 2rem;line-height: 6rem;color: #fff;}
.study_write .study_btn a.submit {background: #00a2ff;}

.lnb_book {display: flex;margin: 0.6rem 0 0;}
.lnb_book > li {width: 50%;border: 1px solid #eeeeee;border-bottom: 1px solid #2f4260;}
.lnb_book > li a {display: block;padding: 1rem 0 1.4rem;background: #f7f8f9;font-size: 2.4rem;font-weight:500;color: #959595;text-align: center;}
.lnb_book > li.active {border: 1px solid #2f4260;border-bottom: 1px solid #fff;}
.lnb_book > li.active a {background: #fff;color: #333;}
.book_tab .book_list {border-top: none;}
.lnb_book + .book_list {border-top: none;}

/* 도서 소개 페이지 */
.book_view_top {display: flex;flex-wrap:wrap;align-items: flex-start;padding-top: 4rem;}
.book_view_top .book_img {width: 41.407%;padding:3.4rem 6.2rem 1.5rem;background: #f7f8f9;border: 1px solid #cccccc;}
.book_view_top .book_img .img {position: relative;display: block;width: 100%;padding-bottom: 148.515%;background-position: center center;background-size: cover;background-repeat: no-repeat;background-color: #ddd;}
.book_view_top .book_img .img .img_tit {overflow: hidden;position: absolute;max-height: 269px;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 10%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size:41px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.book_view_top .book_img .book_btn {margin-top: 2rem;font-size: 0;text-align: center;}
.book_view_top .book_img .book_btn a {display: inline-block;width: 12rem;height: 3rem; background: #fff;border: 1px solid #cccccc;border-radius:3rem;font-size: 1.6rem;line-height: 2.8rem;color: #959595;}
.book_view_top .book_img .book_btn a.share {margin-left: 1rem;background: #2f4260;border-color: #2f4260;color: #fff;}
.book_view_top .book_img .book_btn a img {margin: -0.4rem 0.4rem 0 0;vertical-align: middle;}
.book_view_top .book_info {width: 58.593%;padding: 5.7rem 0 0 9.5rem;}
.book_view_top .info_tit {padding: 0 0.5rem;}
.book_view_top .info_tit h3 {font-size: 0;}
.book_view_top .info_tit h3 .tag1 {display: inline-block;width: 7.9rem;height: 3.4rem;margin: 0.2rem 1rem 0 0;background:url('/template/resp/images/bg_tag.png') center center no-repeat;font-size: 1.8rem;font-weight: 400;line-height: 3.4rem;color: #fff;text-align: center;vertical-align: middle;}
.book_view_top .info_tit h3 .tag2 {display: inline-block;margin-top:0.6rem;font-size: 1.8rem;font-weight:400;color: #00a2ff;vertical-align: middle;}
.book_view_top .info_tit h3 .tit {display: inline-block;margin-right: 1rem;font-size: 4rem;font-weight: 500;color: #000000;vertical-align: middle;}
.book_view_top .info_tit .list {margin-top: 1.1rem;font-size: 0;}
.book_view_top .info_tit .list > li {display: inline-block;position: relative;padding: 0 2rem;font-size: 1.8rem;color: #666666;vertical-align: middle;}
.book_view_top .info_tit .list > li:first-child {padding-left: 0;}
.book_view_top .info_tit .list > li + li:before {content:'';position: absolute;top: 50%;left: 0;width: 1px;height: 1.6rem;background: #d3d3d3;transform: translate(0,-50%);}

.book_view_top .info_list {margin-top: 4rem;padding:1.1rem 1rem 1.4rem;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.book_view_top .info_list > li {position: relative;padding-left: 13rem;line-height: 4rem;}
.book_view_top .info_list > li + li {margin-top: 3.3rem;}
.book_view_top .info_list > li .tit {position: absolute;top: 0;left: 0;width: 13rem;font-size: 2rem;font-weight: 400;line-height: 4rem;color: #666666;}
.book_view_top .info_list > li .txt {font-size: 2rem;line-height: 4rem;color: #666666;}
.book_view_top .info_list > li select {height: 4rem;min-width: 12rem;padding: 0 2.5rem;font-size: 2rem;line-height: 3.8rem;color: #666;}
.book_view_top .info_list > li option {font-size: 2rem;color: #666;}
.book_view_top .info_list > li .delivery {font-size: 2rem;line-height: 4rem;color: #00a2ff;}
.book_view_top .info_list > li.payRadio {margin-top: 2.7rem;}
.book_view_top .info_list > li.mt0 {margin-top: 0;}
.book_view_top .info_list > li.payRadio label {margin-top: 0.6rem;padding: 0 0 0 4.3rem !important;line-height: 2.6rem;}
.book_view_top .info_list > li .whzbtn {top: 0;width: 2.6rem;height: 2.6rem;}
.book_view_top .info_list > li.mt0 .whzbtn {top: 0.3rem;}
.book_view_top .info_list > li .price {font-size: 2.4rem;font-weight: 500;color: #db0b37;}
.book_view_top .info_list > li .option {display: block;margin-top: 0.9rem;font-size: 2rem;font-weight: 500;color: #000000;}

.book_view_top .note {display: flex;margin-top: 1.6rem;padding: 0 1rem;}
.book_view_top .note .tit {width: 13.4rem;font-size: 1.6rem;line-height: 2.8rem;color: #959595;}
.book_view_top .note .txt {width: calc(100% - 13.4rem);font-size: 1.6rem;line-height: 2.8rem;letter-spacing:-0.02em;color: #959595;word-break: keep-all;}
.book_view_top .note .txt a {color: #959595;}

.book_view_top .buy_btn {display: flex;flex-wrap:wrap;margin-top: 4.3rem;font-size: 0;text-align: center;opacity: 0;}
/*.book_view_top .buy_btn a{display: flex;justify-content: center;align-items: center;width:49.163%;height: 7rem;border: 1px solid #cccccc;font-size: 2.4rem;font-weight: 500;color: #666666;}*/
.book_view_top .buy_btn a{display: flex;justify-content: center;align-items: center;width: calc(100% / 3 - 1.12%);height: 7rem;border: 1px solid #cccccc;font-size: 2.4rem;font-weight: 500;color: #666666;}

.book_view_top .buy_btn a.buy {margin-left: 1.674%;background: #db0b37;border-color: #db0b37;color: #ffffff;}
.book_view_top .buy_btn a.cart {margin-left: 1.674%;background: #00a2ff;border-color: #00a2ff;color: #ffffff;}
.book_view_top .buy_btn a.wishBtn {overflow: hidden;position: relative;padding-left: 7rem;}
.book_view_top .buy_btn a.wishBtn:after {content:""; display:block; position:absolute; top:0; left:0; width:6.9rem; height:6.9rem; background-position: center center; background-repeat: no-repeat;border-right:1px solid #ccc; color:#ccc; background-image: url("/template/1/type1/images/heart_off.png"); }
.book_view_top .buy_btn a.wishBtn.active:after{background-image: url('/template/1/type1/images/heart_on.png');}

#contents .payRadio label {padding: 0 0 0 32px; margin-bottom:3px; box-shadow:none;} /*240627*/
#contents .payRadio span.whzbtn {background-image: url("/template/resp/images/chk_off2.png"); top:50%; transform:translateY(-50%);} /*240627*/
#contents .payRadio input[type="radio"]:checked + span.whzbtn, 
#contents .payRadio input[type="checkbox"]:checked + span.whzbtn {background-image: url("/template/resp/images/chk_on2.png");}

.view_tab {display: flex;position: absolute;margin-top: 6.3rem;background: #fff;z-index: 100;}
.view_tab.fixed {position: fixed;top: 0;width: 100%;margin-top: 0;}
.view_tab > li {}
.view_tab > li a {display: block;padding: 2.1rem 2.9rem;border-bottom: 3px solid #fff;font-size: 2rem;color: #666666;white-space: nowrap;}
.view_tab > li.active a {border-bottom: 3px solid #00a2ff;color: #00a2ff;}

.book_view {overflow: hidden;position: relative;left: 50%;width: 100vw;margin-top: 13.3rem;margin-bottom: -80px;padding-top: 4.7rem;transform: translate(-50%,0);}
.book_view .view_con {overflow: hidden;max-width: 1280px;margin: 0 auto 6.7rem;padding: 0 5rem;}
.book_view .view_con h3 {margin-bottom: 2.1rem;font-size: 2rem;font-weight: 500;color: #000000;}
.book_view .view_con h3:before {content:'';display: inline-block;width: 0.2rem;height: 1.8rem;margin-right: 1.6rem;background: #e35019;}
.book_view .view_con table {}
.book_view .view_con table th {padding: 0.8rem 2.2rem;background: #eeeff0;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 1.6rem;font-weight: 400;color: #666666;}
.book_view .view_con table td {padding: 0.8rem 2.2rem;background: #fff;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 1.6rem;font-weight: 300;color: #666666;}
.book_view .view_con .short {padding:1.7rem 2.2rem 2.2rem;background: #fff;border: 1px solid #cccccc;}
.book_view .view_con .short .tit {display: block;font-size: 1.6rem;font-weight:400;color: #000;}
.book_view .view_con .short p {margin-top: 1.8rem;font-size: 1.6rem;line-height: 3rem;color: #666666;}

.book_view .view_con .txt {margin-top: 2.5rem;font-size: 1.6rem;font-weight: 300;line-height: 2.6rem;color: #666666;}
.book_view .view_con .writer {font-size: 0;}
.book_view .view_con .writer .img {display: inline-block;width: 11.8rem;height: 11.8rem;margin-top: 1rem;background: #ddd;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius:11.8rem;vertical-align: top;}
.book_view .view_con .writer .writer_con {display: inline-block;width:calc(100% - 11.8rem);padding-left: 3rem;vertical-align: top;}
.book_view .view_con .writer .info {overflow: hidden;display: -webkit-box;height:8.4rem;font-size: 1.6rem;font-weight: 300;line-height: 2.6rem;color: #666666; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.book_view .view_con .writer .info.active {height: auto;-webkit-line-clamp: inherit;}
.book_view .view_con .writer .whzbtn {}
.book_view .view_con .book_in {overflow: hidden;display: -webkit-box;height: 18.2rem;font-size: 1.6rem;font-weight: 300;line-height: 2.6rem;color: #666666; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.book_view .view_con .book_in.active {height: auto;-webkit-line-clamp: inherit;}
.book_view .view_con .btn_unfold {display: inline-block;margin-top: 2rem;font-size: 1.6rem;font-weight: 300;color: #00a2ff;}
.book_view .view_con .btn_unfold:after {content:'';display: inline-block;width: 0.9rem;height: 0.5rem;margin-top: -0.2rem;margin-left: 0.8rem;background:url('/template/resp/images/ico_arr03.png') center center no-repeat;background-size: contain;vertical-align: middle;}
.book_view .view_con .btn_unfold.book_in_btn {float: right;}
.book_view .view_con .btn_unfold.active:after {transform: rotate(-180deg);}

.moreShareCont {border: none !important;}
.shareSnsUl {overflow: hidden;}
.shareSnsUl > li {margin-right: 5px;font-size: 0;float: left;}
.shareSnsUl > li a {display: inline-block;width: 20px;height: 20px;background-position: center center;background-size: cover;background-repeat: no-repeat;font-size: 0;}
.shareSnsUl > li a.sns_f {background-image: url('/template/resp/images/sns_f.png');}
.shareSnsUl > li a.sns_t {background-image: url('/template/resp/images/sns_t.png');}
.shareSnsUl > li a.sns_k {background-image: url('/template/resp/images/sns_k.png');}
.moreShareIptCont {display: block;margin-top: 6px;font-size: 0;}
.moreShareIptCont .url_copy_input {width: 75% !important;height: 20px !important;border-radius:0 !important;line-height: 18px !important;vertical-align: top;opacity: 1 !important;}
.moreShareIptCont .url_copy_btn {display: inline-block;width: 25% !important;background: #2f4260;border-color: #2f4260;border-radius:0!important;text-align: center;vertical-align: top;}

/* 마이페이지 footprint */
.footprint {display: flex;margin-bottom: 7rem;background: #f7f8f9;border: 1px solid #cccccc;border-top: 3px solid #2f4260;}
.footprint .point_all {width: 50.055%;padding: 3.5rem 3rem;}
.footprint .point_all .tit {display: block;padding-left: 3.6rem;background:url('/template/resp/images/bg_tit1.png') left 1.1rem no-repeat;background-size: 1.9rem auto;font-size: 2.6rem;font-weight: 500;color: #333333;}
.footprint .point_all .point {width: 100%;height: 7rem;margin-top: 1.4rem;padding:0 2rem;background: #ffffff;border: 1px solid #cccccc;font-size: 0;text-align: right;}
.footprint .point_all .point .num {display: inline-block;font-size: 3.6rem;font-weight: 500;line-height: 6.8rem;color: #00a2ff;vertical-align: middle;}
.footprint .point_all .point .unit {display: inline-block;margin-left: 2.5rem;font-size: 2.6rem;font-weight: 500;line-height:6.8rem;color: #333333;vertical-align: middle;}
.footprint .point_list {width: 49.945%;padding: 3.7rem 3.5rem 2.7rem;border-left: 1px solid #cccccc;}
.footprint .point_list > li {display: flex;position: relative;padding-left: 13rem;font-size: 0;}
.footprint .point_list > li + li {margin-top: 0.7rem;}
.footprint .point_list > li .tit {position: absolute;top: 0;left: 0;width: 13rem;height: 4rem;padding-left: 3.7rem; background-position: 0 center;background-size: 2.1rem auto;background-repeat: no-repeat;font-size: 1.8rem;font-weight: 500;line-height: 4rem;color: #333333;text-align: justify;text-justify: inter-word;}
.footprint .point_list > li .tit:after {content: "";display: inline-block;width: 100%;}
.footprint .point_list > li .tit.book1 {background-image: url('/template/resp/images/ico_book01.png');}
.footprint .point_list > li .tit.book2 {background-image: url('/template/resp/images/ico_book02.png');}
.footprint .point_list > li .tit.book3 {background-image: url('/template/resp/images/ico_book03.png');}
.footprint .point_list > li .point {display: flex;justify-content: right;align-items: center;width: 13.5rem;height: 4rem;margin-left: 2rem;padding: 0 1rem;background: #ffffff;border: 1px solid #cccccc;font-size: 0;text-align: right; vertical-align: top;}
.footprint .point_list > li .point .num {font-size: 1.8rem;font-weight: 500;;color: #333333;vertical-align: top;opacity: 0.3;}
.footprint .point_list > li .point .unit {margin-left: 0.9rem;font-size: 2rem;font-weight: 500;color: #333333;vertical-align: top;}
.footprint .point_list > li .info {margin-left: 0.9rem;font-size: 1.6rem;font-weight: 300;line-height: 4rem;letter-spacing:-0.025em;color: #666666;}


#wrap .joinArea .joincho_tit {margin-bottom: 4.5rem;font-size: 2.2rem;font-weight: 500;}
#wrap .joinArea .joincho_tit.mb0 {margin-bottom: 0;}
#wrap #memberform .joincho_tit2 {width: calc(100% - 13rem);margin: 5rem 6.5rem 2.1rem;padding-bottom: 1rem;border-bottom: 1px solid #000000;font-size: 4rem;font-weight: 500;text-align: left;}
#wrap .joinchoBox.type2 {margin-bottom: 2rem;padding-bottom: 0;}
#wrap .joinchoBox.type2 > p {padding-left: 2rem;background:url('/template/resp/images/bg_titt2.png') 0 center no-repeat;background-size: 1.2rem auto;font-size:1.9rem;font-weight: 500;}
#wrap .joinchoBox.type2 ul.choList {margin-top: 0.7rem;padding: 0;border: none;}
#wrap .joinchoBox.type2 ul.choList li {width: auto;margin: 0 0.4rem 0.4rem 0;padding: 0;font-size: 0;}
#wrap .joinchoBox.type2 ul.choList li .chk {display: inline-block;position: relative;padding: 0.6rem 1.5rem;border: 1px solid #d3d3d3;border-radius:3rem;font-size: 1.4rem;font-weight: 500;}
#wrap .joinchoBox.type2 ul.choList li input[type="radio"],
#wrap .joinchoBox.type2 ul.choList li input[type="checkbox"] {position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;opacity: 0;}
#wrap .joinchoBox.type2 ul.choList li input[type="radio"]:checked + .chk,
#wrap .joinchoBox.type2 ul.choList li input[type="checkbox"]:checked + .chk {background-color: #00a2ff;border-color: #00a2ff;color:#fff;}
#wrap #memberform .centerBtnA {margin-bottom: 5rem;}
.fancybox-type-iframe .fancybox-inner {max-height: 90vh;}

/* 배송조회 팝업 */
.delivery_info_detail {overflow: hidden;width: 380px;max-width: 100%;font-size: 0;}
.delivery_info_detail h3 {padding: 1.9rem 0 2rem;background: #f6f6f6;font-size: 2.8rem;color: #000000;text-align: center;}
.delivery_info_detail .delivery_info {padding: 3rem 4rem;font-size: 2rem;line-height: 3rem;color: #000;}
.delivery_info_detail .return {display: inline-block;width: 50%;}
.delivery_info_detail .change {display: inline-block;width: 50%;}
.delivery_info_detail .btn_st {}
.delivery_info_detail .btn_st a {margin: 0;font-size: 2.4rem;font-weight: 700;line-height: 9rem;color: #fff;}
.delivery_info_detail .return a {background: #00a2ff;}
.delivery_info_detail .change a {background: #2f4260;}

.btn_navy {background: #2f4260 !important;}

.delivery_pop {padding: 40px;}
.delivery_pop .inTitle4 {margin-bottom: 0;padding: 0 0 15px;font-size: 26px;font-weight: 500;color: #333333;} 
.delivery_pop .joinList {padding-top: 30px;border-top: 1px solid #2f4260;}
.delivery_pop .joinList li p.tit {font-size: 18px;}

/* 과제제출 팝업 */
#wrap .assignment_pop {margin: 0 8px;padding-top: 10px;}
#wrap .assignment_pop * {font-family: "Noto Sans KR", sans-serif;}
#wrap .assignment_pop .close {display: none;}
#wrap .assignment_pop h3 {margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #2f4260;font-size: 26px;text-align: left;}
#wrap .assignment_pop table {border-top: none;table-layout:fixed;}
.assignment_pop table.table-list col {display: none;}
.assignment_pop table.table-list th, .assignment_pop table.table-list td {display: block;}
#wrap .assignment_pop table.table-list th {position: relative;padding: 0 0 10px 0;background: #fff;border: none;font-size: 18px;font-weight: 500;}
/* #wrap .assignment_pop table.table-list th:before {position: absolute;top:5px;left: 0;content: '';display: inline-block;width: 2px;height: 17px;background: #e35019;} */
#wrap .assignment_pop table.table-list th.tit_none:before {display: none;}
#wrap .assignment_pop textarea.wr_content {}
#wrap .assignment_pop audio {width: 100%;height: 50px;margin-top: 10px;}
#wrap .assignment_pop .payRadio label {line-height: 22px;}
/* #wrap .assignment_pop table.table-list td {margin-bottom: 40px;border: 1px solid #ccc;padding:15px 20px;} */
#wrap .assignment_pop .pay-btn .whzbtn {width: 100%;height: 55px;background: #00a3ff;border-color: #00a3ff;font-weight: 500;line-height: 55px;}
#wrap .assignment_pop table.table-list td {margin-bottom: 45px;padding: 0;border: none;}

/* 마이페이지 */
.mypage_main {display: flex;flex-wrap:wrap;margin-bottom: 5rem;border: 1px solid #cccccc;border-top: 2px solid #2f4260;}
.mypage_main .mypage_tit {overflow: hidden;padding: 2rem 2.5rem 2rem 3rem;background: #f7f8f9;font-size: 0;}
.mypage_main .mypage_tit .tit {display: inline-block;font-size: 20px;font-weight: 500;vertical-align: middle;}
.mypage_main .mypage_tit .tit span {color: #00a2ff;}
.mypage_main .mypage_tit .txt {display: inline-block;margin-left: 1.5rem;font-size: 16px;font-weight: 300;color: #999999;vertical-align: middle;}
.mypage_main .mypage_tit .txt:before {content:'';display: inline-block;width: 1px;height: 1.4rem;margin-right: 1.2rem;background: #999999;vertical-align: middle;}
.mypage_main .mypage_tit .modify {padding: 0.2rem 1.3rem;background: #fff;border: 1px solid #cecece;border-radius:0.4rem;font-size: 16px;font-weight: 500;color: #666666;float: right;}
.mypage_main .mypage_tit .more {width: 3.2rem;height: 3rem;background:#fff url('/template/resp/images/ico_more02.png') 0 0 no-repeat;background-size: cover;border: 1px solid #cecece;border-radius:0.4rem;float: right;}
.mypage_main .user {width: 50%;}
.mypage_main .user .list {padding: 2.2rem 2.5rem 3rem 3rem;}
.mypage_main .user .list > li {display: flex;align-items: flex-start;}
.mypage_main .user .list > li + li {margin-top: 1.4rem;}
.mypage_main .user .list > li .tit {min-width: 78px;background:url('/template/resp/images/ico_user01.png') 100% center no-repeat;font-size: 13px;font-weight: 300;line-height: 18px;color: #666666;}
.mypage_main .user .list > li:nth-child(2) .tit {background-image: url('/template/resp/images/ico_user02.png');}
.mypage_main .user .list > li:nth-child(3) .tit {background-image: url('/template/resp/images/ico_user03.png');}
.mypage_main .user .list > li:nth-child(4) .tit {background-image: url('/template/resp/images/ico_user04.png');}
.mypage_main .user .list > li .txt {padding-left: 13px;font-size: 16px;font-weight: 400;line-height: 18px;color: #000000;word-break: break-all;}

.mypage_main .note {width: 50%;border-left: 1px solid #ccc;}
.mypage_main .note .list {padding: 2rem 2.5rem 2rem 3rem;}
.mypage_main .note .list > li {display: flex;}
.mypage_main .note .list > li .date {min-width: 93px;font-size: 16px;font-weight: 300;color: #666666;}
.mypage_main .note .list > li .tit {overflow: hidden;font-size: 16px;font-weight: 400;color: #000;white-space: nowrap; text-overflow: ellipsis;}
.mypage_main .note .list > li + li {margin-top: 0.9rem;}

.btn_enter {display: inline-block;width: 80px;height:30px;background: #595959;font-size: 13px;line-height: 30px;color: #fff;}
.btn_study_cancel {display: inline-block;width: 80px;height:30px;background: #db0b37;font-size: 13px;line-height: 30px;color: #fff;margin-left:5px;}

/* 모바일수강안내 */
.mobile_info {border-top: 1px solid #2f4260;}
.mobile_info .list {margin-top: 0.6rem;padding:2rem 10rem;background: #eff2f6;border: 1px solid #d2d8e1;border-radius:0.5rem;}
.mobile_info .list > li {padding-left: 2rem;background:url('/template/resp/images/bg_list01.png') 0 11px no-repeat;background-size: 0.5rem;font-size: 16px;color: #000;word-break: keep-all;} 
.mobile_info .list > li + li {margin-top: 0.2rem;}
.mobile_info .step {margin-top: 4.7rem;padding:0 6.7rem;}
.mobile_info .step > li {display: flex;align-items: center;}   
.mobile_info .step > li + li {margin-top: 1.4rem;}
.mobile_info .step > li img {width: 12.4rem;min-width: 12.4rem;}
.mobile_info .step > li .con {padding-left: 2.7rem;}
.mobile_info .step > li .con .num {font-size: 18px;font-weight: 500;color: #00a2ff;}
.mobile_info .step > li .con .txt {margin-top: 0.5rem;font-size: 16px;font-weight: 500;color: #000000;word-break: keep-all;}
.mobile_info .noti {margin:7.5rem 3.7rem 0;padding: 1.8rem 3rem 1.8rem 11.7rem;background:url('/template/resp/images/ico_noti01.png') 4.8rem 3rem no-repeat;background-size: 3.5rem 3.3rem;border: 1px solid #cccccc;border-radius:1rem;font-size: 16px;line-height: 26px;color: #666666;word-break: keep-all;}


/* 수강과정 */
.program {border-top: 1px solid #2f4260;}
.program .list1 {margin-top: 0.6rem;padding: 2.2rem 0 2.5rem;background: #eff2f6;border: 1px solid #d2d8e1;border-radius:0.5rem;}
.program .list1 ol {display: flex;margin:0 -1.5rem;}
.program .list1 ol > li {position: relative;width: 20%;text-align: center;}
.program .list1 ol > li + li:before {content:'';display: inline-block;position: absolute;top: 50%;left: 0;width: 1.4rem;height: 2.6rem;background:url('/template/resp/images/ico_arr04.png') 0 0 no-repeat;background-size: cover;transform: translate(-50%,-50%);}
.program .list1 ol > li .num {display: block;font-size: 16px;color: #7991b7;}
.program .list1 ol > li .txt {display: block;font-size: 18px;font-weight: 700;color: #333333;}

.program .list2 {margin-top: 6.2rem;padding: 0 6.7rem;}
.program .list2 > li {display: flex;align-items: center;}
.program .list2 > li + li {margin-top: 1.4rem;}
.program .list2 > li img {width: 12.4rem;min-width: 12.4rem;}
.program .list2 > li .con {padding-left: 2.8rem;}
.program .list2 > li .con .tit {font-size: 22px;font-weight: 500;color: #5472a1;}
.program .list2 > li .con .txt {margin-top: 0.4rem;font-size: 16px;font-weight: 500;color: #000000;word-break: keep-all;}
.program .list2 > li .noti {padding:3.5rem 3.3rem 0;}
.program .list2 > li .noti > li {padding-left: 10px;font-size: 16px;color: #005586;text-indent: -10px;word-break: keep-all;}
.program .list2 > li .noti > li + li {margin-top: 0.5rem;}

.program .cs {margin: 7rem 3.4rem 0;border: 1px solid #cccccc;border-radius:1rem;}
.program .cs h3 {padding: 1.9rem 3rem 1.9rem 10rem;background:#f7f8f9 url('/template/resp/images/ico_noti02.png') 5.3rem center no-repeat;background-size: 3.8rem 3.1rem; border-radius:1rem 1rem 0 0;font-size: 20px;color: #000;}
.program .cs .list {display: flex;} 
.program .cs .list > li {display: flex;position: relative;width: 50%;padding: 3.9rem 6rem;}
.program .cs .list > li + li:before {content:''; display: inline-block;position: absolute;top: 50%;left: 0;width: 1px;height: 4rem;background: #dddddd;transform: translate(0,-50%);}
.program .cs .list > li .tit {padding-left: 4.8rem;background:url('/template/resp/images/ico_tel01.png') 0 0 no-repeat;background-size:auto 100%;font-size: 18px;font-weight: 300;line-height: 25px;color: #000000;}
.program .cs .list > li:nth-child(2n) .tit {background-image: url('/template/resp/images/ico_mail01.png');}
.program .cs .list > li .txt {padding-left: 0.5rem;font-size: 18px;font-weight: 700;line-height: 25px;color: #000000;}

/* 운영절차 */
.operate {border-top: 1px solid #2f4260;}
.operate .list {margin-top:5.5rem;padding:0 6.7rem;}
.operate .list > li {display: flex;align-items: center;}   
.operate .list > li + li {margin-top: 1.4rem;}
.operate .list > li img {width: 12.4rem;min-width: 12.4rem;}
.operate .list > li .con {padding-left: 2.7rem;}
.operate .list > li .con .tit {font-size:22px;font-weight: 500;color: #00a2ff;}
.operate .list > li .con .txt {margin-top: 0.4rem;font-size: 16px;font-weight: 500;color: #000000;word-break: keep-all;}
.operate .noti {margin: 4.4rem 3.4rem 0;border: 1px solid #cccccc;border-radius:1rem;}
.operate .noti h3 {padding: 1.9rem 3rem 1.9rem 9.2rem;background:#f7f8f9 url('/template/resp/images/ico_noti03.png') 5.1rem center no-repeat;background-size: 3.2rem 3.8rem; border-radius:1rem 1rem 0 0;font-size: 20px;color: #000;}
.operate .noti_list {padding: 2.4rem 5rem;}
.operate .noti_list > li {}
.operate .noti_list > li + li {margin-top: 1.4rem;}
.operate .noti_list > li .tit {font-size: 18px;color: #000;}
.operate .noti_list > li .txt {margin-top:0.1rem;}
.operate .noti_list > li .txt > li {padding-left: 10px;font-size: 16px;color: #666666;text-indent: -10px;word-break: keep-all;}
.operate .noti_list > li .txt > li + li {margin-top: 0.2rem;}

/* 강의 리스트 */
.class_top {margin-bottom: 3.8rem;}
.class_top .tit {display: flex;justify-content: space-between;padding-bottom: 0.6rem;padding-left: 1.4rem;border-bottom: 1px solid #2f4260;}
.class_top .tit h2 {font-size: 26px;font-weight: 500;color: #333333;font: optional;}
.class_top .tit .download {display: flex;justify-content: center;align-items: center;height: 44px;min-width: 240px;background: #dee8ed;border-radius:0.5rem;font-size: 16px;font-weight: 500;color: #2f4260;}
.class_top .tit .download:hover {background-color: #2f4260;color: #fff;}
.class_top .tit .download:before {content:'';width: 2.6rem;height: 2.6rem;margin-top: 0.2rem;margin-right: 0.6rem;background:url('/template/resp/images/ico_download.png') center center no-repeat;background-size: contain;}
.class_top .all_num {display: flex;align-items: center;margin-top: 1rem;padding-left: 1.7rem;font-size: 18px;font-weight: 500;color: #2f4260;}
.class_top .all_num:before {content:'';width: 2.1rem;height: 1.8rem;margin-right: 0.7rem;background:url('/template/resp/images/ico_all.png') 0 0 no-repeat;background-size: contain;}

.lms_class02 {overflow: hidden;position: relative;margin: 0.7rem 0 7.7rem 0;padding:0 10px;}
.lms_class02 .inner {overflow: hidden;max-width: 915px;}
.lms_class02 .swiper-btn {position: absolute;top:calc(50% - 7.1rem);width: 4.9rem;height: 4.9rem;background-position: center center;background-size: contain;background-repeat: no-repeat;background-color:rgba(0,0,0,0.2);font-size: 0;z-index: 200;text-indent: -999em;cursor: pointer;}
.lms_class02 .swiper-btn:hover {background-color: rgba(0,0,0,0.6);}
.lms_class02 .swiper-prev {left: 0;background-image: url('/template/resp/images/ico_prev02.png');}
.lms_class02 .swiper-next {right: 0;background-image: url('/template/resp/images/ico_next02.png');}
.lms_class03 {margin-bottom: 7.7rem;padding: 0 10px;}

/* 맞춤형 교육 */
.customize_wrap {position: relative;}
.customize_wrap:before, .customize_wrap:after {content:'';position: absolute;top: 0;width: 1px;height: 100%;background: #dedede;z-index: -1;}
.customize_wrap:before {left: 0;}
.customize_wrap:after {right: 0;}
.customize01 {overflow: hidden;padding-bottom: 9.3rem;background:url('/template/resp/images/customize01_bg.jpg') center center no-repeat;background-size: cover;text-align: center;}
.customize01 h4 {margin-top: 8rem;font-size: 5.5rem;font-weight: 300;line-height:6.9rem;color: #fff;}
.customize01 h4 strong {font-size: 6rem;font-weight: 500;letter-spacing:-0.05em;}
.customize01 .txt {display: block;margin-top: 1.3rem;font-size: 26px;font-weight: 300;line-height: 36px;letter-spacing:-0.05em;color: #fff;}
.customize01 .txt .mo {display: none;}
.customize01 .team {display: block;margin-top: 3.4rem;font-size: 16px;font-weight: 500;letter-spacing:-0.025em;color: #fff;}
.customize01 .team:before {content:'';display: block;width: 22px;height: 13px;margin: 0 auto 0.5rem; background:url('/template/resp/images/customize01_bg02.png') center center no-repeat;background-size: contain;}
.customize01 .tel_info {display: block;margin-top: 0.6rem;font-size: 16px;font-weight: 300;color: #fff;}
.customize01 .mail {display: block;margin-top: 0.6rem;font-size: 16px;font-weight: 300;color: #fff;}
.customize01 .cs {display: inline-block;width: 200px;height: 50px;margin-top: 4.6rem;background: #00a2ff;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing:-0.05em;color: #fff;}

.customize_tit {font-size: 30px;font-weight: 500;line-height:36px;letter-spacing:-0.05em;color: #000;word-break: keep-all;}
.customize02 {padding: 7.5rem 4.6rem 4.7rem; text-align: center;}
.customize02 .list {display: flex;margin-top: 4.5rem;}
.customize02 .list > li {position: relative;width: calc(33.333% - 1.2rem);margin-right: 1.2rem;padding-top: 2.7rem;background: #f2f2f2;border-radius:1.8rem;}
.customize02 .list > li:before {content:'';position: absolute; top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #d2d8e1;border-radius:1.8rem;}
.customize02 .list > li:nth-child(3n) {margin-right: 0;}
.customize02 .list .num {content:'';position: absolute;top: 1.3rem;left: 50%;width: 4.4rem;height: 4.4rem;background: #4c6a9a;border-radius:2.2rem;font-size: 2rem;font-weight: 500;line-height: 4.4rem;color: #ffffff;text-align: center;transform: translate(-50%,0); }
.customize02 .list .con {height: 100%; padding-top: 3.8rem;background: #fff;border: 1px solid #d2d8e1;border-bottom: none;border-radius:1.8rem;}
.customize02 .list .con .tit {display: block;font-size: 20px;font-weight: 500;letter-spacing:-0.05em;color: #344e78;word-break: keep-all;}
.customize02 .list .con .txt1 {min-height: 158px;padding: 2.1rem 2rem 1.5rem;font-size: 16px;line-height: 24px;letter-spacing:-0.025em;color: #666;word-break: keep-all;} 
.customize02 .list .con .txt2 {padding: 2rem;border-top: 1px solid #dadada;font-size: 16px;line-height: 24px;letter-spacing:-0.025em;color: #666;word-break: keep-all;}

.customize03 {padding: 7.5rem 3rem 6rem;background: #f2f6f8;border-right: 1px solid #dedede;border-left: 1px solid #dedede;text-align: center;}
.customize03 .customize_tit {padding: 0 1.5rem;}
.customize03 .txt {margin-top: 2rem;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing:-0.05em;color: #666;word-break: keep-all;}
.customize03 .txt .br_mo {display: none;}
.customize03 .list {overflow: hidden;max-width: 714px;margin: 2.8rem auto 0;}
.customize03 .list > li {width: calc(33.333% - 1rem);margin-right: 1.5rem;margin-bottom:2rem;float: left;}
.customize03 .list > li:nth-child(3n) {margin-right: 0;}
.customize03 .list > li img {max-width: 100%; }

.customize04 {padding: 7.5rem 3rem;text-align: center;}
.customize04 .br_mo {display: none;}
.customize04 .img {margin-top: 4.8rem;}
.customize04 .img img {max-width: 100%;}
.customize04 .txt1 {margin-top: 2rem;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing:-0.05em;color: #666666;word-break: keep-all;}
.customize04 .txt2 {margin-top: 4.3rem;font-size: 16px;letter-spacing:-0.025em;color: #666666;word-break: keep-all;}

.customize05 {padding: 7.5rem 3rem 5.3rem;background: #f2f2f2;border-right: 1px solid #dedede;border-left: 1px solid #dedede;text-align: center;}
.customize05 .list {margin: 5rem auto 0;font-size: 0;}
.customize05 .list > li {display: inline-block;width: 177px;height: 204px;margin-right: 24px;background:url('/template/resp/images/customize05_bg01.png') center center no-repeat;background-size: cover;text-align: center;vertical-align: top;}
.customize05 .list > li:last-child {margin-right: 0;}
.customize05 .list > li:nth-child(even) {background-image: url('/template/resp/images/customize05_bg02.png');}
.customize05 .list > li img {margin-top: 3.4rem;}
.customize05 .list > li .txt {display: block;margin-top: 1.6rem;font-size: 18px;font-weight: 400;line-height: 1.2;letter-spacing:-0.025em;color: #fff;}

/* 온라인 교육 */
.online_wrap {position: relative;}
.online_wrap:before, .online_wrap:after {content:'';position: absolute;top: 0;width: 1px;height: 100%;background: #dedede;z-index: -1;}
.online_wrap:before {left: 0;}
.online_wrap:after {right: 0;}
.online01 {overflow: hidden;padding-bottom: 6rem;background:url('/template/resp/images/online01_bg.jpg') center center no-repeat;background-size: cover;text-align: center;}
.online01 h4 {margin-top: 9rem;font-size: 4.5rem;font-weight: 300;line-height: 5.5rem;letter-spacing:-0.05em;color: #fff;}
.online01 h4 strong {display: inline-block;margin-top: 0.7rem;font-size: 6rem;font-weight: 500;letter-spacing:-0.05em;}
.online01 .team {display: block;margin-top: 3.7rem;font-size: 16px;font-weight: 500;letter-spacing:-0.025em;color: #fff;}
.online01 .team:before {content:'';display: block;width: 22px;height: 13px;margin: 0 auto 0.5rem; background:url('/template/resp/images/customize01_bg02.png') center center no-repeat;background-size: contain;}
.online01 .tel_info {display: block;margin-top: 0.6rem;font-size: 16px;font-weight: 300;color: #fff;}
.online01 .mail {display: block;margin-top: 0.6rem;font-size: 16px;font-weight: 300;color: #fff;}
.online01 .cs {display: inline-block;width: 200px;height: 50px;margin-top: 3.7rem;background: #00a2ff;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing:-0.05em;color: #fff;}

.online_tit {font-size: 30px;font-weight: 500;line-height:36px;letter-spacing:-0.05em;color: #000;word-break: keep-all;}
.online02 {padding-top: 6.6rem;padding-bottom: 6rem;text-align: center;}
.online02 .txt {margin-top: 0.8rem;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing:-0.05em;color: #666666;}
.online02 .list {margin-top: 5rem;}
.online02 .list > li {display: flex;align-items:center; text-align: left;}
.online02 .list > li + li {margin-top: 4rem;}
.online02 .list > li .con {width: 53.049%;padding: 0 4rem;}
.online02 .list > li .con .num {display: block;width: 2.9rem;height: 3.4rem;background:url('/template/resp/images/online02_bg.png') center center no-repeat;background-size: contain;font-size: 1.8rem;line-height: 3.4rem;line-height:3.4rem;color: #fff;text-align: center;}
.online02 .list > li .con .tit {display: block;margin-top: 1.6rem;font-size: 24px;font-weight: 500;line-height: 1.2;letter-spacing:-0.05em;color: #000000;word-break: keep-all;}
.online02 .list > li .con p {margin-top: 1.4rem;font-size: 16px;line-height: 24px;letter-spacing:-0.05em;color: #666666;word-break: keep-all;}
.online02 .list > li img {width: 46.951%;}
.online02 .list > li.right .con {padding-left: 7.5rem;}

.online03 {padding: 7rem 4.5rem;background: #f7f7f7;border: 1px solid #dedede;border-top: none;text-align: center;}
.online03 .list {display: flex;margin-top: 8rem;}
.online03 .list > li {margin-right: 1.8rem;}
.online03 .list > li:nth-child(3n) {margin-right: 0;}
.online03 .list > li .tit {display: block;min-height:60px;padding-bottom: 0.7rem;font-size: 20px;font-weight: 500;line-height: 1.1;letter-spacing:-0.05em;color: #344e78;}
.online03 .list > li .con {display: flex;flex-wrap:wrap;height:calc(100% - 60px);padding-bottom: 2px;background: #4c6a9a;border-radius:1.9rem;text-align: left;}
.online03 .list > li .con .txt {width: 100%;padding: 2rem 0;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing:-0.025em;color: #fff;text-align: center;}
.online03 .list > li .con .sub_list {width: 100%;height: calc(100% - 88px);padding: 2.5rem;background: #ffffff;border-radius:1.8rem;}
.online03 .list > li .con .sub_list > li {padding-left: 10px;font-size: 16px;line-height: 24px;letter-spacing:-0.025em;color: #666666;word-break: keep-all;text-indent: -10px;}

.faq {padding: 5.8rem 4.5rem 0;}
.faq h4 {font-size: 30px;font-weight: 700;letter-spacing:-0.025em;color: #000;}
.faq .faq_list {margin-top: 1.8rem;border-top: 2px solid #6583b4;border-bottom: 1px solid #ccc;}
.faq .faq_list > li + li {border-top: 1px solid #ccc;}
.faq .faq_list > li .question {display: block;position: relative;padding: 1.7rem 4.5rem 1.9rem;font-size: 16px;font-weight: 500;letter-spacing:-0.025em;color: #000;}
.faq .faq_list > li .question:before{content:'Q.';position: absolute;top: 15px;left: 22px;font-size: 18px;font-weight: 500;letter-spacing:-0.025em;color: #4c6a9a;}
.faq .faq_list > li .answer {display: none;position: relative;}
.faq .faq_list > li .answer:before {content:'A.';position: absolute;top: 14px;left: 24px;font-size: 18px;font-weight: 500;letter-spacing:-0.025em;color: #ea0000;}
.faq .faq_list > li .answer p {padding: 1.5rem 4.5rem;background: #f6f7f8;font-size: 16px;font-weight: 300;line-height: 24px;letter-spacing:-0.025em;color: #000;}
.faq .link {display: block;width: 200px;height: 50px;margin: 1.9rem auto 0;background: #00a2ff;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing:-0.05em;color: #fff;text-align: center;}

/* 강의제작 솔루션 */
.solution_wrap {position: relative;}

.solution_wrap:before, .solution_wrap:after {content:'';position: absolute;top: 0;width: 1px;height: 100%;background: #dedede;z-index: -1;}
.solution_wrap:before {left: 0;}
.solution_wrap:after {right: 0;}
.solution01 {overflow: hidden;padding-top: 10rem;padding-bottom: 6rem;background:url('/template/resp/images/solution01_bg.jpg') center center no-repeat;background-size: cover;text-align: center;}
.solution01 .tit1 {display: block;line-height: 1.2;font-size: 3.5rem;letter-spacing:-0.05em;color: #ffffff;font-weight: 300;}
.solution01 h4 {font-size: 4.5rem;line-height: 1.2;font-weight: 300;letter-spacing:-0.05em;color: #fff;}
.solution01 h4 strong {font-size: 5.5rem;font-weight: 700;}
.solution01 .list {font-size: 0;margin-top: 3.8rem;}
.solution01 .list > li {display: inline-block;vertical-align: middle;margin: 0 3px;text-align: center;width: 226px;height: 226px;border-radius:113px;background: rgba(0,0,0,0.4);box-shadow: 0 0 25px rgba(0,0,0,0.71);border: 1px solid rgba(102, 130, 146, 0.4);}
.solution01 .list > li img {display: inline-block;margin-top: 3.6rem;}
.solution01 .list > li .tit2{display: block;margin-top: 1.3rem;font-size: 24px;letter-spacing:-0.025em;color: #00c0ff;}
.solution01 .list > li .txt {display: block;margin-top: 0.2rem;font-size: 16px;line-height: 24px;color: #fff;font-weight: 300;}
.solution01 .cs {display: inline-block;width: 200px;height: 50px;margin-top:2.5rem;background: #00a2ff;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing:-0.05em;color: #fff;}

.solution_tit {font-size: 30px;font-weight: 500;line-height:36px;letter-spacing:-0.05em;color: #000;word-break: keep-all;}
.solution02 {text-align: center;padding: 9.4rem 6rem 11rem;}
.solution02 .br_mo {display: none;}
.solution02 .txt {margin-top: 0.8rem;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing:-0.05em;color: #666666;word-break: keep-all;}
.solution02 .video {position: relative;width: 100%;padding-bottom: 56%;margin-top: 4.3rem;}
.solution02 .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.solution03 {padding: 7.5rem 4.5rem 6rem;background: #f7f7f7;border-left: 1px solid #dedede;border-right: 1px solid #dedede;text-align: center;}
.solution03 .txt1 {margin-top: 0.8rem;font-size: 18px;font-weight: 500;line-height: 26px;letter-spacing:-0.05em;color: #666666;word-break: keep-all;}
.solution03 .txt2 {margin-top: 3.5rem;font-size: 3rem;line-height: 1.2;letter-spacing:-0.05em;font-weight: 500;color: #344e78;word-break: keep-all;}
.solution03 .list {margin-top: 4.7rem;}
.solution03 .list > li {}
.solution03 .list > li + li {margin-top: 5.2rem;}
.solution03 .list > li .tit {display: block;font-size: 20px;line-height: 1.2;letter-spacing:-0.05em;font-weight: 500;color: #344e78;word-break: keep-all;}
.solution03 .list > li .tit strong {color: #f30000;font-weight: 500;}
.solution03 .list > li img {max-width: 100%;margin-top: 2.2rem;}
.solution03 .link {display: inline-block;width: 200px;height: 50px;margin-top:2.2rem;background: #00a2ff;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing:-0.05em;color: #fff;}

/* 지원 폼 */
.apply_form {margin-top: 60px;}
.apply_form .top_noti {display: block;font-size: 18px; color: #cf102b;margin-bottom: 15px;}
.apply_form .c_red {color: #cf102b !important;}
.apply_form .intro {border-top: 1px solid #333333;display: flex;justify-content: space-between;align-items: center;padding: 25px 20px; background: #f7f8f9;}
.apply_form .intro .txt {font-size: 18px; line-height: 1.667; letter-spacing:-0.025em; color: #333333;}

.apply_form .intro .download {display: flex;justify-content: center;align-items: center; width: 180px; height: 60px;background: #fff; border: 1px solid #333;border-radius: 10px;font-size: 18px; font-weight: 500; line-height: 1.2; letter-spacing:-0.025em; color: #333333;}
.apply_form .intro .download:hover {border: 2px solid #cf102b;color: #cf102b;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.apply_form .intro .download .ico {margin-right: 11px;}

.apply_form .apply_table {border-top: 2px solid #000000;}
.apply_form .apply_table th {padding: 10px 20px;border-bottom: 1px solid #cccccc;font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing:-0.025em; color: #000000;text-align: left;word-break: keep-all;}
.apply_form .apply_table th .c_red {color: #cf102b;}
.apply_form .apply_table td {height: 70px;padding: 10px 20px 10px 0;border-bottom: 1px solid #cccccc;word-break: keep-all;font-size: 0;}
.apply_form .apply_table td select {height: 50px;min-width: 140px;margin-right: 10px;padding-right: 25px;background: url('/USER_SKIN/tckedu/images/select_cus01.png') calc(100% - 9px) center no-repeat;border: 1px solid #ccc;font-size: 16px;color: #666;cursor: pointer;border-radius:0;}
.apply_form .apply_table td textarea {font-family: 'Spoqa Han Sans Neo', sans-serif;width: 100%;min-height: 90px;padding: 16px 28px;border: 1px solid #ccc;font-size: 16px;font-weight: 400;line-height: 1.2; letter-spacing:-0.025em; color: #666666;resize: none;border-radius:0;}
.apply_form .apply_table td input[type="text"] {width: 100%;max-width: 460px;padding: 0 28px;font-size: 16px; font-weight:400; line-height: 1.2; letter-spacing:-0.025em; color: #666666;border-radius:0;}
.apply_form .apply_table td input[type="date"] {position: relative;width: 160px;height: 50px;margin-right: 10px;padding: 0 0 0 15px;border: 1px solid #ccc;border-radius:0;font-size: 16px;text-align: left;-webkit-appearance: none;}
.apply_form .apply_table td input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; background: transparent; color: transparent; cursor: pointer; } 
.apply_form .apply_table td input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.apply_form .apply_table td input[type="date"]::after {content:'';position: absolute;top: 50%;right: 10px;width: 20px;height: 20px;background:url('/gnu/skin/board/neo_event/img/calendar.gif') center center no-repeat;background-size:contain;z-index: -1;transform: translate(0,-50%);}
.apply_form .apply_table td .time {display: inline-block;font-size: 0;vertical-align: middle;}
.apply_form .apply_table td .input-file input[type="text"] {max-width: 100%;}
.apply_form .apply_table td .noti {width: 100%;height: 90px;margin-bottom: 6px;padding: 16px 28px;border: 1px solid #ccc;font-size: 14px; line-height: 1.429; letter-spacing:-0.025em; color: #666666;overflow-y: auto;}
.apply_form .apply_table td .noti2 {font-size: 14px;line-height: 1.3;color: #666;margin-top: 7px;word-break: keep-all;}
.apply_form .apply_table td .view {display: inline-flex;align-items: center;height: 32px;padding: 0 14px;margin: 2px 15px 2px 0;border: 1px solid #cccccc; border-radius: 16px;font-size: 14px; font-weight: 500; letter-spacing:-0.025em; color: #333333;}
.apply_form .apply_table td .payRadio {margin-right: 15px;}
.apply_form .apply_table td .payRadio label {font-size: 16px;letter-spacing:-0.025em;color: #666666;}
.btn_apply {display: flex;justify-content: center;align-items: center;height: 60px;margin-top: 60px; background-color: #cf102b; border-radius: 10px;font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: #ffffff;}


/* 슬라이드 팝업 */
.slide_pop_wrap { margin: 0 -10px; font-size: 0; } 
.slide_pop > li { padding: 0 10px; } 
.slide_pop > li .img { overflow: hidden; display: block; } 
.slide_pop > li .img img { display: block; width: 100%; object-fit: cover; } 
.slide_pop > li .img a { display: block; } 
.slide_pop_wrap .page {margin-top: 10px;gap:5px; display: flex;align-items: center;justify-content: center;}
.slide_pop_wrap .page .swiper-pagination-bullet {background: #fff;border-radius:4px;}
.slide_pop_wrap .page .swiper-pagination-bullet-active {width: 20px;}

@media(max-width:1280px) { 
	.sub_wrap {margin-top: -25px;}
    .sub_wrap .left_menu {display: none;}
    .sub_wrap .sub_con {width: 100%;padding-left: 0;}
    .sub_wrap .sub_tit1 {font-size: 22px;}
    .sub_wrap .sub_tit1.mo_none {display: none;}
    .sub_wrap .tit_info {font-size: 13px;}
    .sub_wrap .tit_info:before {height: 11px;}
    .book_list > li .rank {left:4%;}
    .book_list > li:nth-child(n+10) .rank {left:1.2%;}
    .book_list > li .img_tit {font-size: 2.22vw;max-height: 14.7vw;padding:0 1.4vw;}
    .book_list2 > li .con .tit {font-size: 2rem;line-height: 2.3rem;}
    .book_list2 > li .con .txt {height: 13rem;font-size: 1.8rem;line-height: 2.6rem;}

    .book_list3 > li .tit {margin-bottom: 2.1rem;font-size: 2rem;}
    .book_list3 > li .img_tit {font-size: 2.22vw;max-height: 14.7vw;padding:0 1.4vw;}
    .book_list3 > li .con .txt1 {margin-top: 1.7rem;font-size: 1.8rem;}
    .book_list3 > li .con .txt1 .line {height: 1.6rem;margin-top: 0.7rem;}
    .book_list3 > li .con .txt2 {margin-top: 1.2rem;font-size: 1.8rem;line-height: 3.2rem;}

    .book_list4 > li .book_sub_tit {font-size: 1.7rem;}
    .book_list4 > li .book_main_tit {font-size: 2rem;}
    .book_list4 > li .con .price {font-size: 1.6rem;}
    .book_list4 > li .con .price strong {font-size: 2rem;}
    .book_list4 > li .con .txt1 .line {height: 1.6rem;margin-top: 0.7rem;}
    .book_list4 > li .con .txt2 {margin-top: 1.2rem;font-size: 1.8rem;line-height: 3.2rem;}

    /* 북스터디 글쓰기 페이지 ~1280px */
    .study_write .list > li input[type="text"]{height: 5.2rem;font-size: 2rem;}
    .study_write .list > li input[type="text"]::placeholder {}
    .study_write .list > li .bytes {font-size: 1.8rem;}
    .study_write .list > li .whzbtn {height: 5.2rem;font-size: 2rem;}
    .study_write .list > li .txt {margin-bottom: 0.8rem;font-size: 1.8rem;}
    .study_write .list > li .txt:before {top: 0.7rem;}

    /* 도서 소개 페이지 ~1280px*/
    .book_view_top {padding-top: 1rem;}
    .book_view_top .book_img .book_btn a {width: 14rem;height: 3.4rem;font-size: 1.8rem;line-height: 3.2rem;}
    .book_view_top .book_img .img .img_tit {font-size:3.2vw;max-height: 21vw;padding: 0 3.2vw;}
    .book_view_top .book_info {padding-top: 4rem;padding-left: 5rem;}
    .book_view_top .note .tit {width: 13.7rem;font-size: 1.8rem;line-height: 3rem;}
    .book_view_top .note .txt {width: calc(100% - 13.7rem);font-size: 1.8rem;line-height: 3rem;}

    .view_tab.fixed {top: 50px;}
    .book_view .view_con table th {font-size: 1.8rem;}
    .book_view .view_con table td {font-size: 1.8rem;}
    .book_view .view_con .short .tit {font-size: 1.8rem;}
    .book_view .view_con .short p {font-size: 1.8rem;}

    .book_view .view_con .txt {font-size: 1.8rem;line-height: 2.8rem;}
    .book_view .view_con .writer .info {font-size: 1.8rem;line-height: 2.8rem;}
    .book_view .view_con .book_in {height: 19.5rem;font-size: 1.8rem;line-height: 2.8rem;}

    /* 마이페이지 footprint ~1280px */
    .footprint .point_all {width: 47%;}
    .footprint .point_list {width: 53%;}
    .footprint .point_list > li .info {font-size: 1.8rem;}

    /* 마이페이지 ~1280px */
    .sub_wrap .sub_tit3 {font-size:18px;}
    .mypage_main .mypage_tit .tit {font-size: 18px;}
    .mypage_main .mypage_tit .txt{font-size:14px;}
    .mypage_main .mypage_tit .modify {font-size: 14px;}
    .mypage_main .mypage_tit .more {margin-top: 2px;}
    .mypage_main .user .list > li .tit {background-size: 15px auto;line-height: 16px;}
    .mypage_main .user .list > li .txt {font-size: 14px;line-height: 16px;}
    .mypage_main .note .list > li .date{min-width: 81px;font-size: 14px;}
    .mypage_main .note .list > li .tit {font-size: 14px;}
    
    /* 모바일수강안내 ~1280px */
    .mobile_info .list > li {background-position: 0 8px;font-size: 14px;}
    .mobile_info .step > li .con .num {font-size: 16px;}
    .mobile_info .step > li .con .txt {font-size: 14px;}
    .mobile_info .noti {font-size: 14px;line-height: 22px;}

    /* 수강과정 ~1280px */
    .program .list1 ol > li .num {font-size: 14px;}
    .program .list1 ol > li .txt {font-size: 16px;}
    .program .list2 > li .con .tit {font-size: 20px;}
    .program .list2 > li .con .txt {font-size: 14px;}
    .program .list2 > li .noti > li {padding-left: 9px;font-size: 14px;text-indent: -9px;}
    .program .cs h3 {font-size: 18px;}
    .program .cs .list > li{padding: 3.9rem 5rem;}
    .program .cs .list > li .tit {font-size: 16px;line-height: 22px;}
    .program .cs .list > li .txt {font-size: 16px;line-height: 22px;}

    /* 운영절차 ~1280px */
    .operate .list > li .con .tit {font-size:20px;}
    .operate .list > li .con .txt {font-size: 14px;}
    .operate .noti h3 {font-size: 18px;}
    .operate .noti_list > li .tit {font-size: 16px;}
    .operate .noti_list > li .txt > li {padding-left: 9px;font-size: 14px;text-indent: -9px;}

    /* 강의 리스트 ~1280px */
    .class_top .tit h2 {font-size: 22px;}
    .class_top .tit .download {height: 38px;min-width: 210px;font-size: 14px;}
    .class_top .all_num {font-size: 14px;}
    .lms_class02 .inner {max-width: 100%;} 

    /* 맞춤형 교육 ~1280px */
    .customize_wrap {margin: 0 -3rem;}
    .customize_wrap:before, .customize_wrap:after {display: none;}
    .customize01 {margin: -6.5rem 0 0;}
    .customize01 .txt {font-size: 22px;line-height: 30px;}
    .customize01 .team {font-size: 14px;}
    .customize01 .team:before {width: 19px;height: 11px;}
    .customize01 .tel_info {font-size: 14px;}
    .customize01 .mail {font-size: 14px;}
    .customize01 .cs {width: 177px;height: 44px;font-size: 16px;line-height: 44px;}

    .customize_tit {font-size: 26px;line-height: 31px;}
    .customize02 .list .con .tit {padding: 0 2rem;font-size: 17px;}
    .customize02 .list .con .txt1 {min-height: 138px;font-size: 14px;line-height: 21px;} 
    .customize02 .list .con .txt2 {font-size: 14px;line-height: 21px;}

    .customize03, .customize04 {border: none;}
    .customize03 .txt {font-size: 16px;line-height: 24px;}
    .customize04 .txt1 {font-size: 16px;line-height: 24px;}
    .customize04 .txt2 {font-size: 14px;}
    
    /* 온라인 교육 ~1280px */
    .online_wrap {margin: 0 -3rem;}
    .online_wrap:before, .online_wrap:after {display: none;}
    .online01 {margin: -6.5rem 0 0;}
    .online01 .team {font-size: 14px;}
    .online01 .team:before {width: 19px;height: 11px;}
    .online01 .tel_info {font-size: 14px;}
    .online01 .mail {font-size: 14px;}
    .online01 .cs {width: 177px;height: 44px;font-size: 16px;line-height: 44px;}

    .online_tit {font-size: 26px;line-height: 31px;}
    .online02 .txt {font-size: 16px;line-height: 24px;}
    .online02 .list > li .con .tit {font-size: 20px;}
    .online02 .list > li .con p {font-size: 14px;line-height: 22px;}

    .online03 .list > li:nth-child(3n) {margin-right: 0;}
    .online03 .list > li .tit {min-height:48px;padding-bottom: 1rem;font-size: 18px;}
    .online03 .list > li .con {height:calc(100% - 48px);}
    .online03 .list > li .con .txt {font-size: 14px;line-height: 22px;}
    .online03 .list > li .con .sub_list {height: calc(100% - 76px);}
    .online03 .list > li .con .sub_list > li {padding-left: 8px;font-size: 14px;line-height: 22px;text-indent: -8px;}

    .faq {padding-left: 3rem;padding-right: 3rem;margin: 0 -3rem;}
    .faq h4 {font-size: 26px;}
    .faq .faq_list > li .question {font-size: 14px;}
    .faq .faq_list > li .question:before{font-size: 16px;top: 10px;left:16px;}
    .faq .faq_list > li .answer:before {font-size: 16px;top: 11px;left:18px;}
    .faq .faq_list > li .answer p {font-size: 14px;line-height: 22px;}
    .faq .link {width: 177px;height: 44px;font-size: 16px;line-height: 44px;}

    /* 강의제작 솔루션 ~1280px */
    .solution_wrap {margin: 0 -3rem;}
    .solution_wrap:before, .solution_wrap:after {display: none;}
    .solution01  {margin: -6.5rem 0 0;padding-left: 1.5rem;padding-right: 1.5rem;}
    .solution01 .list > li {width:197px;height: 197px;}
    .solution01 .list > li img {height: 39px;}
    .solution01 .list > li .tit2{font-size: 20px;}
    .solution01 .list > li .txt {font-size: 14px;line-height: 22px;}
    .solution01 .cs {width: 177px;height: 44px;font-size: 16px;line-height: 44px;}

    .solution_tit {font-size: 26px;line-height: 31px;}
    .solution02 .txt {font-size: 16px;line-height: 24px;}

    .solution03 .txt1 {font-size: 16px;line-height: 24px;}
    .solution03 .list > li .tit {font-size: 16px;}
    .solution03 .link {width: 177px;height: 44px;font-size: 16px;line-height: 44px;}

    /* 지원 폼 ~1280px */
    .apply_form {margin-top: 48px;}
    .apply_form .top_noti {font-size: 16px;margin-bottom: 13px;}
    .apply_form .intro {padding: 20px 16px;}
    .apply_form .intro .txt {font-size: 16px;}
    .apply_form .intro .download {width: 160px; height: 53px;border-radius: 9px;font-size: 16px;}
    .apply_form .intro .download:hover {box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);}
    .apply_form .intro .download .ico {height: 17px;margin-right: 10px;}

    .apply_form .apply_table th {padding: 10px 18px;font-size: 14px;}
    .apply_form .apply_table td {height: 61px;padding: 10px 18px 10px 0;}
    .apply_form .apply_table td textarea {min-height: 78px; padding: 14px 24px; font-size: 14px;}
    .apply_form .apply_table td input[type="date"] {width: 100%;max-width: 397px; height: 40px;margin-right: 0;padding: 0 12px;font-size: 14px;}
    .apply_form .apply_table td select {height: 40px;font-size: 14px;margin-right: 5px;}
    .apply_form .apply_table td input[type="text"] {max-width: 397px;padding: 0 24px;font-size: 14px;}
    .apply_form .apply_table td input[type="date"]::after {width: 18px;height: 18px;}
    .apply_form .apply_table td .time {display: block;margin-top: 5px;}
    .apply_form .apply_table td .noti {font-size: 13px;height: 78px;padding: 14px 24px;}
    .apply_form .apply_table td .noti2 {font-size: 13px;}
    .apply_form .apply_table td .view {margin: 2px 13px 2px 0;height: 30px; padding: 0 13px; border-radius: 15px; font-size: 13px; } 
    .apply_form .apply_table td .payRadio {margin-right: 13px;}
    .apply_form .apply_table td .payRadio label {padding-left: 30px;font-size: 14px;}
    .apply_form .apply_table td .input-file .file-label {font-size: 14px;}
    .btn_apply {height: 53px;margin-top: 48px; border-radius: 9px;font-size: 16px;}
}

@media(max-width:900px) {
    .book_view_top .book_img {padding: 3.4rem 4rem 1.5rem;}
    .book_view_top .book_img .img .img_tit {font-size: 3.3vw;padding: 0 3.3vw;max-height: 21.7vw;}
    .customize05 .list > li {width: 140px;height: 162px;margin-right: 17px;}
    .customize05 .list > li img {height: 40px;}
    .customize05 .list > li .txt {font-size: 15px;}
}

@media(max-width:767px) {
    .sub_wrap .sub_tit1 {font-size: 3rem;}
    .sub_wrap .tit_info {font-size: 2rem;}
    .sub_wrap .tit_info:before {height: 1.6rem;top: 0.7rem;}
    .sub_wrap .study_view{padding: 4.5rem 1.4rem;} 
    .sub_wrap .study_view .img {width: 100%;padding-bottom: 100%;float: none;}
    .sub_wrap .study_view .img .img_tit {font-size: 10.5vw;padding: 0 5.939vw;max-height: 68.5vw;}
    .sub_wrap .study_view .info {padding:2.5rem 0;}
    .sub_wrap .study_view .list {margin-bottom: 1rem;}
    .sub_wrap .study_view .list > li {padding-left:9rem;}
    .sub_wrap .study_view .list > li .tit1{width: 8rem;font-size: 2rem;}
    .sub_wrap .study_view .list > li .txt1 {font-size: 2rem;}
    .sub_wrap .study_view .tit3 {font-size: 2rem;}
    .sub_wrap .study_view .txt2 {height: 16rem;font-size: 2rem;line-height: 3.2rem;}
    .sub_wrap .study_view .study_btn {text-align: center;}

    .book_list > li {width:50%;}
    .book_list > li .tit {font-size: 2rem;line-height: 2.6rem;}
	.book_list > li .txt {max-height: 6rem;font-size: 2rem;line-height: 2.6rem;}
    .book_list > li .name {font-size: 2rem;}
    .book_list > li .rank {left: 5%;}
    .book_list > li:nth-child(n+10) .rank {left:3%;}
    .book_list > li .img_tit {font-size: 5.74vw;max-height: 37.6vw;padding: 0 3.52vw;}
    .book_list2 > li a {padding: 0;}
    .book_list2 > li .img {width: 20%;padding-bottom: 26.2%;}
    .book_list2 > li .con .tit {margin-top: -0.3rem;font-size: 2.2rem;line-height: 2.5rem;}
    .book_list2 > li .con .txt {height: 11.5rem;font-size: 2rem;line-height: 2.8rem;-webkit-line-clamp:4;}
	
    .book_list3 > li {width: 100%;}
    .book_list3 > li .tit {font-size: 2.2rem;}
    .book_list3 > li .img_tit {font-size: 4.43vw;padding: 0 2.8vw;max-height: 28.7vw;}
    .book_list3 > li .con .txt1 {margin-top: 1.9rem;font-size: 2rem;}
    .book_list3 > li .con .txt1 .line {height: 1.8rem;}
    .book_list3 > li .con .txt2 {height: 10rem;margin-top: 1.4rem;font-size: 2rem;line-height: 3.4rem;}

    .book_list4 > li {width: 100%;}
    .book_list4 > li .preview {font-size: 2rem;padding: 0.9rem 0;}
    .book_list4 > li .img_wrap {width: 31.166%;}
    .book_list4 > li .book_main_tit {font-size: 2.2rem;}
    .book_list4 > li .book_sub_tit {font-size: 2rem;}
    .book_list4 > li .con .price {font-size: 2rem;}
    .book_list4 > li .con .price strong {font-size: 2.2rem;}
    .book_list4 > li .con .txt1 {margin-top: 1.9rem;font-size: 2rem;}
    .book_list4 > li .con .txt1 .line {height: 1.8rem;}
    .book_list4 > li .con .txt2 {height: 10rem;margin-top: 1.4rem;font-size: 2rem;line-height: 3.4rem;}

    /* 북스터디 글쓰기 페이지 ~767px */
    .study_write .list > li .tit {margin-bottom: 1.2rem;font-size: 2.2rem;}
    #contents .input-file .file-name {height: 5.2rem;}
    #contents .input-file .file-label {height: 5.2rem;}

    /* 도서 소개 페이지 ~767px*/
    .book_view_top .book_img {width: 100%;padding:3.4rem 6.2rem 1.5rem;}
    .book_view_top .book_img .img .img_tit {font-size:8.58vw;padding:0 8.58vw;max-height: 56vw;}
    .book_view_top .book_info {width: 100%;padding-left: 0;}
    .book_view_top .info_tit .list > li {font-size: 2rem;}
    .book_view_top .note {margin-top: 1.8rem;}
    .book_view_top .note .tit {width: 15.7rem;font-size: 2rem;line-height: 3.2rem;}
    .book_view_top .note .txt {width: calc(100% - 15.7rem);font-size: 2rem;line-height: 3.2rem;}


    .book_view .view_con h3 {font-size: 2.2rem;}
    .book_view .view_con table th {padding: 1rem 2.2rem;font-size: 2rem;}
    .book_view .view_con table td {padding: 1rem 2.2rem;font-size: 2rem;}
    .book_view .view_con .short .tit {font-size: 2rem;}
    .book_view .view_con .short p {font-size: 2rem;line-height:3.2rem;}

    .book_view .view_con .txt {font-size: 2rem;line-height: 3rem;}
    .book_view .view_con .writer .info {height: 8.7rem;font-size: 2rem;line-height: 3rem;}
    .book_view .view_con .book_in {height: 21rem;font-size: 2rem;line-height: 3rem;}
    .book_view_top .buy_btn a:after {background-size: 50% auto;}

    /* 마이페이지 footprint ~767px */
    .footprint {flex-wrap:wrap;}
    .footprint .point_all {width: 100%;border-left: none !important;}
    .footprint .point_list {width: 100%;border-top: 1px solid #ccc;border-left: none;}
    .footprint .point_list > li {padding-left: 15rem;}
    .footprint .point_list > li .tit {width: 15rem;height:4.4rem;font-size: 2.2rem;line-height: 4.4rem;}
    .footprint .point_list > li .point {width: 16rem;height: 4.4rem;}
    .footprint .point_list > li .point .num {font-size: 2.2rem;}
    .footprint .point_list > li .point .unit {font-size: 2.4rem;}
    .footprint .point_list > li .info {font-size: 2rem;line-height: 4.4rem;}

    #wrap .joinArea .joincho_tit {margin-bottom: 3.6rem;font-size: 2.2rem;}
	#wrap #memberform .joincho_tit2 {width: calc(100% - 10rem);margin: 4rem 5.2rem 1.6rem;font-size: 3.2rem;}
	#wrap .joinchoBox.type2 {font-size: 4.8rem;}
	#wrap .joinchoBox.type2 > p {margin-top: 1.7rem;}
	#wrap .joinchoBox.type2 ul.choList {}

	.delivery_info_detail h3 {height: 44px;padding: 10px 0;font-size: 16px;}
	.delivery_info_detail .delivery_info {padding: 15px 20px;font-size: 14px;line-height: 24px;}
	.delivery_info_detail .btn_st  a {padding: 0;font-size: 14px;line-height: 50px;}

	.delivery_pop .inTitle4 {margin-bottom: 0;padding: 0 0 12px;font-size: 20px;font-weight: 500;color: #333333;} 
	.delivery_pop .joinList {padding-top: 24px;border-top: 1px solid #2f4260;}
	.delivery_pop .joinList li p.tit {font-size: 14px;}
	
	/* 과제제출 팝업 */
	#wrap .assignment_form {margin: 0;padding:15px 15px;}
	#wrap .assignment_pop {margin: 0;}
	#wrap .assignment_pop h3 {margin-bottom: 24px;padding-bottom: 12px;font-size: 20px;}
	#wrap .assignment_pop table.table-list th {padding: 0 0 5px 0;font-size: 14px;}
	#wrap .assignment_pop table.table-list th:before {top: 4px;height: 14px;}
	#wrap .assignment_pop table.table-list td {margin-bottom: 35px;font-size: 13px;}
	#wrap .assignment_pop .payRadio label {line-height: 22px;}
	#wrap .assignment_pop textarea.wr_content {font-size: 13px;line-height: 17px;}
	#wrap .assignment_pop .input-file .file-label {font-size: 14px;}
	 #wrap .assignment_pop audio {height: 40px;}
	#wrap .assignment_pop .pay-btn .whzbtn {height: 40px;font-size: 14px;font-weight:400;line-height: 40px;}

    /* 마이페이지 ~767px */
    .sub_wrap .sub_tit3 {font-size: 2.5rem;}
    .mypage_main .mypage_tit .tit {font-size: 2.5rem;}
    .mypage_main .mypage_tit .txt{font-size: 2.1rem;}
    .mypage_main .mypage_tit .txt:before {margin-top:-0.6rem;}
    .mypage_main .mypage_tit .modify {font-size: 2.1rem;}
    .mypage_main .mypage_tit .more {margin-top: 0.4rem;}
    .mypage_main .user {width: 100%;}
    .mypage_main .user .list > li .tit{min-width: 12.6rem;background-size: 2.3rem auto;font-size:2rem;line-height: 2.4rem;} 
    .mypage_main .user .list > li .txt {padding-left: 2rem;font-size: 2.1rem;line-height: 2.4rem;}
    .mypage_main .note {width: 100%;border-left: none;}
    .mypage_main .note .list > li .date{min-width: 12.4rem;font-size: 2rem;}
    .mypage_main .note .list > li .tit {font-size: 2rem;}

    /* 모바일수강안내 ~767px */
    .mobile_info .list {padding: 2rem 3rem;}
    .mobile_info .list > li {background-position: 0 1.2rem;font-size: 2.1rem;}
    .mobile_info .step {padding: 0 3rem;}
    .mobile_info .step > li .con .num {font-size: 2.4rem;}
    .mobile_info .step > li .con .txt {font-size: 2.1rem;}
    .mobile_info .noti {margin-right: 0;margin-left: 0;font-size: 2.1rem;line-height: 3.3rem;}

    /* 수강과정 ~767px */
    .program .list1 ol {margin:0 2rem;}
    .program .list1 ol > li + li:before {display: none;}
    .program .list1 ol > li .num {font-size: 2.1rem;}
    .program .list1 ol > li .txt {font-size: 2.3rem;word-break: keep-all;}
    .program .list2 {padding-right: 3rem;padding-left: 3rem;}
    .program .list2 > li .con .tit {font-size:2.5rem;}
    .program .list2 > li .con .txt {font-size: 2.1rem;}
    .program .list2 > li .noti {padding-right: 2rem;padding-left: 2rem;}
    .program .list2 > li .noti > li {padding-left: 1.35rem;font-size: 2.1rem;text-indent: -1.3rem;}
    .program .cs {margin-right: 0;margin-left: 0;}
    .program .cs h3 {padding-left: 7.7rem;background-position: 3rem center;font-size: 2.5rem;}
    .program .cs .list {flex-wrap: wrap;padding: 3rem;}
    .program .cs .list > li {width: 100%;padding:0.5rem 0;}
    .program .cs .list > li + li:before {display: none;}
    .program .cs .list > li .tit {font-size: 2.4rem;line-height: 3.3rem;}
    .program .cs .list > li .txt {font-size: 2.4rem;line-height: 3.3rem;}

    /* 운영절차 ~767px */
    .operate .list {padding-right: 3rem;padding-left: 3rem;}
    .operate .list > li .con .tit {font-size:2.5rem;}
    .operate .list > li .con .txt {font-size: 2.1rem;}
    .operate .noti {margin-right: 0;margin-left: 0;}
    .operate .noti h3 {padding-left: 7.1rem;background-position: 3rem center;font-size: 2.5rem;}
    .operate .noti_list {padding-right: 3rem;padding-left: 3rem;}
    .operate .noti_list > li .tit {font-size: 2.4rem;}
    .operate .noti_list > li .txt > li {padding-left: 1.3rem;font-size: 2.1rem;text-indent: -1.3rem;}

    /* 강의 리스트 ~767px */
    .class_top .tit h2 {font-size: 3rem;}
    .class_top .tit .download {height: 5.8rem;min-width: 28rem;font-size: 2.1rem;}
    .class_top .all_num {font-size: 2.1rem;}

    /* 맞춤형 교육 ~767px */
    .customize01 {padding: 0 3rem 9.3rem;}
    .customize01 h4 {font-size:4.5rem;line-height: 5.6rem;}
    .customize01 h4 strong {font-size: 4.9rem;}
    .customize01 .txt {font-size: 2.6rem;line-height:3.6rem;word-break: keep-all;}
    .customize01 .txt .mo {display: block;}
    .customize01 .team {font-size: 2.1rem;}
    .customize01 .team:before {width: 2.9rem;height: 1.6rem;}
    .customize01 .tel_info {font-size: 2.1rem;}
    .customize01 .mail {font-size: 2.1rem;}
    .customize01 .cs {width: 27.2rem;height: 6.7rem;font-size: 2.4rem;line-height: 6.7rem;}

    .customize_tit {font-size: 3.4rem;line-height: 4.1rem;}
    .customize02 .list {flex-wrap: wrap;}
    .customize02 .list > li {width: 100%;margin-right: 0;}
    .customize02 .list > li + li {margin-top: 2rem;}
    .customize02 .list .con .tit {font-size: 2.6rem;}
    .customize02 .list .con .txt1 {min-height: auto;padding-right: 3rem;padding-bottom: 2.1rem;padding-left: 3rem;font-size: 2.1rem;line-height: 3.2rem;} 
    .customize02 .list .con .txt2 {padding-right: 3rem;padding-left: 3rem;font-size: 2.1rem;line-height: 3.2rem;}

    .customize03 .txt {font-size: 2.4rem;line-height: 3.6rem;}
    .customize04 .txt1 {font-size: 2.4rem;line-height: 3.6rem;}
    .customize04 .txt2 {font-size: 2.1rem;}

    .customize05 .list {max-width: 47.6rem;margin-bottom: -2.6rem;}
    .customize05 .list > li {width: 21.5rem;height: 24.9rem;margin-right: 2.6rem;margin-bottom: 2.6rem;}
    .customize05 .list > li:nth-child(2n) {margin-right: 0;}
    .customize05 .list > li img {height: 6.1rem;margin-top: 4.5rem;}
    .customize05 .list > li .txt {font-size: 2.3rem;}

    /* 온라인 교육 ~767px */
    .online01 {margin: -6.5rem 0 0;}
    .online01 h4 {font-size: 3.6rem;line-height: 4.6rem;}
    .online01 h4 strong {font-size: 5.1rem;}
    .online01 .team {font-size: 2.1rem;}
    .online01 .team:before {width: 2.9rem;height: 1.6rem;}
    .online01 .tel_info {font-size: 2.1rem;}
    .online01 .mail {font-size: 2.1rem;}
    .online01 .cs {width: 27.2rem;height: 6.7rem;font-size: 2.4rem;line-height: 6.7rem;}

    .online_tit {font-size: 3.4rem;line-height: 4.1rem;}
    .online02 .txt {font-size: 2.4rem;line-height: 3.6rem;}
    .online02 .list > li {position: relative;padding-top: 73.4%;}
    .online02 .list > li + li {margin-top: 0;}
    .online02 .list > li .con .num {margin: 0 auto;}
    .online02 .list > li .con {width: 100%;padding: 3rem;text-align: center;}
    .online02 .list > li .con .tit {font-size: 2.6rem;}
    .online02 .list > li .con p {font-size: 2.1rem;line-height: 3.3rem;}
    .online02 .list > li img {position: absolute;top: 0;left: 0;width: 100%;}
    .online02 .list > li.right .con {padding-left: 3rem;}

    .online03 .list {flex-wrap: wrap;margin-top:4rem;}
    .online03 .list > li {width: 100%;margin-right: 0;}
    .online03 .list > li + li {margin-top: 4rem;}
    .online03 .list > li .tit {height: auto;padding-bottom: 1rem;font-size: 2.7rem;}
    .online03 .list > li .con .txt {font-size: 2.1rem;line-height: 3.3rem;}
    .online03 .list > li .con .sub_list {height: auto;}
    .online03 .list > li .con .sub_list > li {padding-left: 1.2rem;font-size: 2.1rem;line-height: 3.3rem;text-indent: -1.2rem;}

    .faq h4 {font-size: 3.4rem;}
    .faq .faq_list > li .question {font-size: 2.1rem;}
    .faq .faq_list > li .question:before{font-size: 2.4rem;top: 1.2rem;left:1.8rem;}
    .faq .faq_list > li .answer:before {font-size: 2.4rem;top: 1.3rem;left:2rem;}
    .faq .faq_list > li .answer p {font-size: 2.1rem;line-height: 3.3rem;}
    .faq .link {width: 27.2rem;height: 6.7rem;font-size: 2.4rem;line-height: 6.7rem;}

    /* 강의제작 솔루션 ~767px */
    .solution01 .tit1 {font-size: 3rem;}
    .solution01 h4 {font-size: 3.8rem;}
    .solution01 h4 strong {font-size: 4.6rem;}
    .solution01 .list > li {width:29rem;height: 29rem;}
    .solution01 .list > li img {height: 6rem;}
    .solution01 .list > li .tit2{font-size: 3rem;}
    .solution01 .list > li .txt {font-size: 2.1rem;line-height: 3.3rem;}
    .solution01 .cs {width: 27.2rem;height: 6.7rem;font-size: 2.4rem;line-height: 6.7rem;}

    .solution_tit {font-size: 3.4rem;line-height: 4.1rem;}
    .solution02 {padding-left: 3rem;padding-right: 3rem;}
    .solution02 .txt {font-size: 2.4rem;line-height: 3.6rem;}

    .solution03 {padding-left: 3rem;padding-right: 3rem;}
    .solution03 .txt1 {font-size: 2.4rem;line-height: 3.6rem;}
    .solution03 .list > li .tit {font-size: 2.4rem;}
    .solution03 .link {width: 27.2rem;height: 6.7rem;font-size: 2.4rem;line-height: 6.7rem;}

    /* 지원 폼 ~767px */
    .apply_form {margin-top: 30px;}
    .apply_form .top_noti {font-size: 14px;margin-bottom: 10px;}
    .apply_form .intro {flex-wrap: wrap;justify-content: flex-start; padding: 18px 15px;}
    .apply_form .intro .txt {width: 100%;font-size: 14px;}
    .apply_form .intro .download {width: 140px; height: 47px;margin-top: 10px;border-radius: 8px;font-size: 14px;}
    .apply_form .intro .download:hover {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
    .apply_form .intro .download .ico {height: 14px;margin-right: 9px;}

    .apply_form .apply_table {display: block;}
    .apply_form .apply_table tr {display: flex;flex-wrap:wrap;}
    .apply_form .apply_table th {width: 100%;padding: 10px 15px 5px;font-size: 13px;border: none;}
    .apply_form .apply_table th br {display: none;}
    .apply_form .apply_table td {height: auto;width: 100%;padding: 5px 15px 10px;}
    .apply_form .apply_table td select {min-width:0;font-size: 13px;}
    .apply_form .apply_table td textarea {min-height: 72px; padding: 13px 20px; font-size: 13px;}
    .apply_form .apply_table td input[type="date"] {font-size: 13px;max-width: 100%;}
    .apply_form .apply_table td input[type="text"] {max-width: 100%;padding: 0 20px;font-size: 13px;}
    .apply_form .apply_table td .payRadio {margin-right: 12px;}
    .apply_form .apply_table td .payRadio label {padding-left: 26px;font-size: 13px;}
    .apply_form .apply_table td .hour {width: calc(50% - 2.5px);}
    .apply_form .apply_table td .minute {width: calc(50% - 2.5px);margin-right: 0;}
    .apply_form .apply_table td .running {width: 100%;margin: 5px 0 0 0;}
    .btn_apply {height: 47px;margin-top: 30px; border-radius: 8px;font-size: 14px;}
}



@media(max-width:536px) {
	#wrap .joinArea .joincho_tit {margin-bottom: 2.3rem;font-size: 1.6rem;}
	#wrap #memberform .joincho_tit2 {width: calc(100% - 3rem);margin: 2.5rem 1.5rem 1.3rem;font-size: 2.5rem;} 
	#wrap .joinchoBox.type2 {margin-bottom: 1.5rem;}
	#wrap .joinchoBox.type2 > p {font-size: 1.4rem;}
	#wrap .joinchoBox.type2 ul.choList {margin-top: 0.5rem;}
	#wrap .joinchoBox.type2 ul.choList li .chk {font-size: 1.3rem;}
	.delivery_pop {padding: 20px;}

    .customize03 .txt .br_mo {display: block;}
    .customize04 .br_mo {display: block;}
    .solution02 .br_mo {display: block;}
}
/* 약관동의 */
.joinAgree2 {max-width: 580px;margin: 0 auto;}

.joinAgree2 .tit {font-size:25px;s}
.joinAgree2 .mt60 {margin-top: 60px !important;}
.joinAgree2 .mt20 {margin-top: 20px !important;}
.joinAgree2 .mt7 {margin-top: 7px !important;}
.joinAgree2 .logo_tit{margin-bottom: 30px;text-align: center;}
.joinAgree2 .all_chk .chkCus4 label {font-size: 22px;}
.joinAgree2 .all_chk .chkCus4 span.whzbtn {margin-top: 6px;}
.joinAgree2 .agree_txt {overflow: auto;height: 200px;max-width: 580px;margin: 17px 0 7px 0;padding: 30px;border: 1px solid #cccccc;margin-top:0px;}
.joinAgree2 .btn_area {margin-top: 40px;}
.joinAgree2 .btn_area {font-size: 0;}
.joinAgree2 .btn_area .whzbtn {display: inline-block;width:calc(50% - 10px);height: 60px;background: #999999;font-size: 22px;line-height: 60px;letter-spacing:-0.025em;color: #ffffff;text-align: center;vertical-align: top;}
.joinAgree2 .btn_area .whzbtn.btn_agree {margin-left: 20px;background-color: #333333;}

.chkCus4 label{display:inline-block; position:relative; font-size:18px;font-weight:400;letter-spacing:-0.025em;color: #333333;}
.chkCus4 input[type="radio"],
.chkCus4 input[type="checkbox"]{ display:none;visibility:hidden; }
.chkCus4 span.whzbtn{display: inline-block;width:24px;height:24px;margin:2px 10px 0 0; background-position: 0 0; -webkit-background-size: 100%; background-size:100%;background-size: cover; background-repeat: no-repeat;vertical-align: top;background-image: url("/template/resp/image/chk_off4.png");}
.chkCus4 input[type="radio"]:checked + span.whzbtn,
.chkCus4 input[type="checkbox"]:checked + span.whzbtn{background-image:url("/template/resp/image/chk_on4.png");}


.habit_more {display: block;width: 70px;margin: 30px auto 0;font-size: 14px;letter-spacing:-0.03em;color: rgb(86, 86, 86);text-align: center;}
.habit_more:after {content:'';display: inline-block;width: 16px;height: 9px;margin-top: -2px;margin-left: 7px;background:url('/template/resp/images/habit_more.png') center center no-repeat;vertical-align: middle;}


.box_tableScroll{width:100%; padding-top:10px; padding-bottom:15px; overflow-x:auto; }
.box_tableScroll table.style_table_01{min-width:750px; }
table.style_table_01{border-top:2px solid #000; }
table.style_table_01 th{background-color: #f2f7fc;}
table.style_table_01 tfoot th,
table.style_table_01 tfoot td{background-color: #f4f4f4;}
table.style_table_01 thead,
table.style_table_01 tfoot{ }
table.style_table_01 th,
table.style_table_01 td{padding:14px 10px; font-size:14px; text-align:center; border:1px solid #e0e1e2; }
table.style_table_01 th{color:#444; font-weight:400; }
table.style_table_01 td{color:#666; font-weight:300; }
table.style_table_01 a{font-size:100%; color:#666;}
@media(max-width:750px){

	table.style_table_01 th,
	table.style_table_01 td{padding:10px; font-size:13px; }
}

span.display_status_tag{color:#db0b37}

/* 과제물 피드백 영역 시작 230817 */
.feedback {margin-bottom: 60px;padding:24px 30px;background-color: #f4f8fc;border-radius: 15px;}
.feedback .tit {display: flex;align-items: center;font-size: 18px; font-weight: 500; color: #00a2ff;}
.feedback .tit:after {content:'';display: inline-block;width: 18px;height: 17px;margin-left: 7px;background:url('/template/resp/images/ico_feedback.png') center center no-repeat;background-size: contain;}
.feedback .txt {margin-top: 20px;font-size: 16px; line-height: 1.5; color: #020202;word-break: keep-all;}

@media(max-width:767px){
    .feedback { margin-bottom: 30px; padding: 11px 15px; border-radius: 7px; } 
    .feedback .tit { font-size: 14px; } 
    .feedback .tit:after { width: 13px; height: 13px; margin-left: 5px; } 
    .feedback .txt { margin-top: 16px; font-size: 13px; } 
}
/* 과제물 피드백 영역 끝 */



a.my_post_btn {font-size: 16px;font-weight: 500;color: #2f4260;position: absolute;bottom: -20px;right: 0;}


.meta_comment_close_btn {
  display:none;
  background-image: url('/webheads/js/fancy/fancybox_sprite.png');
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.commentBox.modify .meta_comment_close_btn {
  display:block;
  background-image: url('/webheads/js/fancy/fancybox_sprite.png');
  position: absolute;
  top: -18px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}