@charset"utf-8";
.class .tap {display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); max-width: 1720px; margin: 0 auto;}
.class .tap a {padding: 20px 0; width: calc(100% / 2); text-align: center; color:rgba(0,0,0,0.5); font-size: 16pt; font-weight: 600; background:#fff;}
.class .tap a:first-child {border-right:0;}
.class .tap a.on {color: #ffffff;/*  background: linear-gradient(to right, rgb(0 111 255) -30%, rgb(21 22 130) 50%, rgb(110 0 255) 130%); */ background:linear-gradient(217deg, #0c4cbb, #151682);}

.class .sub_title {font-size: 16pt; font-weight: 600; margin: 50px 0 20px; padding: 15px; border-radius: 15px 15px 0 0; text-align: center; display: inline-block; width: 250px; color:#fff;}
.class .sub_title:first-child {margin: -50px 0 20px;}
.class .sub_title.far {background: #ff9d9d;}
.class .sub_title.reg {background: #95d0aa;}
.class .sub_title.aud {background: #80d6dd;}
.class .sub_title.bar {background: #ffd466;}
.class .sub_title.tcp {background: #99ccff;}
.class .sub_title.review {background:#C4D580; letter-spacing: -1px;}
.class .sub_title.ea {background:#ffe497;}
.class .sub_title.program {background:#141782;}

/* 샘플버튼 */
.sample_wrap {display:flex; position:absolute; top:0; right:0;} 
.sample_wrap .sample {margin-right: 10px; border-radius: 100px; font-size: 10pt; width: 130px; height: 35px; font-weight: 600; display: flex; justify-content: center; align-items: center; background: #fff; border:1px solid #ff7979; color:#ff7979; padding-left: 7px;}
.sample_wrap .sample:last-child {margin-right:0;}
.sample_wrap .sample img {margin-right:5px;}
.sample_wrap .sample:hover {background: #fff1f1; transition:0.3s;}

.class .list_wrap {margin-bottom: 70px;}
.class .list_wrap .list_box {margin-bottom:20px; display:flex; border:1px solid #ddd; border-radius:15px; background: #fff; justify-content: space-between; overflow: hidden;}
.class .list_wrap .list_box:last-child {margin-bottom:0;}
.class .list_wrap .list_box.on {outline:2px solid #151682;}
.class .list_wrap .list_box .ct_right {background: #f6f7fb;padding: 50px;height: auto;display: flex;width: 25%;align-items: center;justify-content: center;}
.class .list_wrap .list_box .ct_right img {max-width:200px; max-height: 250px; width:100%;}
.class .list_wrap .list_box .ct_left {width: 75%; padding: 30px; position:relative;}
.class .list_wrap .list_box .ct_left .title_sub span {margin-right:5px; border-radius:5px; padding:7px 0; font-size:10pt; font-weight:600; width: 100px; display: inline-block; text-align: center;}
.class .list_wrap .list_box .ct_left .title_sub span:last-child {margin-right:0;}
.class .list_wrap .list_box .ct_left .title_sub span.time {color:#fff; background:#141782; border: 1px solid #141782;}
.class .list_wrap .list_box .ct_left .title_sub span.mo {color:#141782; border: 1px solid #141782;}
.class .list_wrap .list_box .ct_left .title {font-size:16pt; font-weight:bold; margin:20px 0; display: inline-block; line-height: 30px;}
.class .list_wrap .list_box .ct_left .title:hover {transition:0.3s; opacity:0.6;}
.class .list_wrap .list_box .ct_left .title br {display:none;}
.class .list_wrap .list_box .ct_left .title_info {font-size: 13pt; color: #707070; font-weight: 500;}
.class .list_wrap .list_box .ct_left .title_info span {border-right: 1px solid; padding-right: 10px; margin-right: 10px;}
.class .list_wrap .list_box .ct_left .title_info span:empty {display:none;}
.class .list_wrap .list_box .ct_left .title_info span:last-child {border-right:0; padding-right: 0; margin-right: 0;}
.class .list_wrap .list_box .ct_left .ct_bottom {margin-top:50px;}
.class .list_wrap .list_box .ct_left .ct_bottom li {align-items: center;display: flex;background: #f6f7fb;padding-left:20px;font-size: 16pt; margin-bottom:5px; font-weight:500; border-radius: 10px; overflow: hidden;}
.class .list_wrap .list_box .ct_left .ct_bottom li > * {cursor:pointer;}
.class .list_wrap .list_box .ct_left .ct_bottom li input {margin: 0;width: 20px;height: 20px;}
.class .list_wrap .list_box .ct_left .ct_bottom li label {display: flex;align-items: center;background: #f6f7fb;padding: 15px; width:100%;font-weight: bold;}
.class .list_wrap .list_box .ct_left .ct_bottom li p {color: #fff; width: 170px; height: 55px; display: flex; align-items: center; justify-content: center; font-size: 13pt;}
.class .list_wrap .list_box .ct_left .ct_bottom li p.pc {background:#111;}
.class .list_wrap .list_box .ct_left .ct_bottom li p.pc_mo {background:#3d2a95;}
.class .list_wrap .list_box .ct_left .ct_bottom li p.book {background:#4b67ff;}

/* 임시결제창 */
.class.temporary .list_wrap .list_box .ct_left {width:100%;}
.class.temporary .advantage_class_only {text-align: left;width: 100%;padding:40px; border-radius: 30px;font-size: 13pt;line-height: 40px; border: 3px dotted #629cff;background: #f6f7fb; position:relative; background:#fff;}	
.class.temporary .advantage_class_only li {display:block;}
.class.temporary .advantage_class_only li p {position:relative; display:inline-block; padding-left: 28px;}
.class.temporary .advantage_class_only li p:before {position:absolute; content:''; background: url('../../img/user/sub_class/icon_advantage_li.png') no-repeat center; width: 17px; height: 17px; top: 11px; left: 0px; background-size: 17px;}

/* 교재만 */
.class .list_wrap .list_box .ct_left .ct_bottom li.plus_book input[type="checkbox"] {width:15px; height:15px;}
.class .list_wrap .list_box .ct_left .ct_bottom li.plus_book {background: #fff;}
.class .list_wrap .list_box .ct_left .ct_bottom li.plus_book p.book {width: auto; background: #fff; color: #111; padding: 15px; font-weight: bold; padding-right: 5px;}
.class .list_wrap .list_box .ct_left .ct_bottom li.plus_book label {background: #fff; width: auto; padding: 0;}

.class .section_tap {display:none;}
.class .section_tap.on {display: block;}
.class .section_wrap {margin: 0 auto; max-width: 100%; padding: 1px 1% 1px;}

.class .slide_advantage {max-width:100%; overflow:hidden;}	
.class .advantage_class {display: flex;width: fit-content;position: relative;transition: transform 1s ease;padding-bottom:20px;}
.class .advantage_class li {background:#fff; text-align: center;flex: 0 0 auto;width: 450px;margin-right: 50px;padding: 70px 40px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);border-radius: 30px;}	
.class .advantage_class li img {max-height:200px; max-width:200px; margin-bottom:40px;}
.class .advantage_class li p {font-size:13pt; line-height:30px;}
.class .advantage_class li p b {font-size:16pt; letter-spacing: -2px;}
@keyframes slide {100%{transform: translateX(-50%); /* 전체 항목 너비 만큼 이동 */}}
.class .advantage_class {animation: slide 60s linear infinite; /* 60초 동안 무한 슬라이드 */}

.introduction_class_book.class .advantage_class_only {text-align: left;width: 100%;padding:30px; border-radius: 20px;font-size: 13pt;line-height: 35px; border: 3px dotted #629cff;background: #f6f7fb; position:relative; background:#fff;}	
.introduction_class_book.class .advantage_class_only li {display:block;}
.introduction_class_book.class .advantage_class_only li p {position:relative; display:inline-block; padding-left: 28px;}
.introduction_class_book.class .advantage_class_only li p:before {position:absolute; content:''; background: url('../../img/user/sub_class/icon_advantage_li.png') no-repeat center; width: 17px; height: 17px; top: 9px; left: 0px; background-size: 17px;}

.introduction_class_short.class .section_wrap {margin-top:-20px;}
.introduction_class_short.class.temporary .section_wrap {margin-top:0;}


.advantage {position:relative; max-width: inherit;}

.class.long.view.deep .section1:after {background:#fff;}
.class.long.view.deep .section1 {padding:0; border: 0; justify-content: center;}
.class.long.view.deep .section_main_title {margin:0;}
.class.long.view.deep .section_main_title p.title {margin:0;}

/* 뷰페이지 */
/* 샘플 */
.class.view .sample_wrap {position:inherit; margin: 0 auto; display: inline-flex; margin-top: 50px;}

.class.view {margin-top:260px;}
.class.view .section1 {background:#f6f7fb; display:flex; position:relative; margin-top: 0; border: 1px solid #ddd; padding: 70px; border-radius: 20px; overflow: hidden;}
.class.view .section1:before {content:''; width:100%; height:240px; top:0; left:0; background:#fff; position:absolute;}

.class.view .section1 .left {max-width:400px; text-align: center; margin-right: 100px; width: 50%;}
/* .class.view .section1 .left img {box-shadow:0 0 20px rgba(0, 0, 0, 0.2); } */
.class.view .section1 .left img.prdt_img {width: 100%; min-width: 400px; /* min-height: 520px; */}

.class.view .section1 .right {width:100%; text-align: left;}
.class.view .section1 .right .title {height:200px;}
.class.view .section1 .right .title .name {font-size:26pt; font-weight:bold; line-height: 50px; letter-spacing: -1px;}
.class.view .section1 .right .title .name br {display:none;}
.class.view .section1 .right .title .type {margin-bottom:20px;}
.class.view .section1 .right .title .type span {margin-right: 5px; border-radius: 5px; padding: 7px 10px;font-size: 10pt; font-weight: 600; width: 90px; display: inline-block; text-align: center;}
.class.view .section1 .right .title .type span:last-child {margin-right:0;}
.class.view .section1 .right .title .type span.time {color:#fff; background:#141782;}
.class.view .section1 .right .title .type span.soldout {color:#fff; background:#ff7979;}
.class.view .section1 .right .title .type span.mo {color:#141782; border: 1px solid #141782;}
.class.view .section1 .right .info li {margin-bottom: 20px; display: flex; align-items: center;}
.class.view .section1 .right .info li.li_price {margin-bottom:5px;}
.class.view .section1 .right .info li.li_book {margin-bottom:5px;}
.class.view .section1 .right .info li.li_book p:nth-child(2) {display:inline-flex; align-items: stretch;}
.class.view .section1 .right .info li.li_book p:nth-child(2) label { cursor:pointer;}
.class.view .section1 .right .info li.li_book p:nth-child(2) label br {display:none;}
.class.view .section1 .right .info li.li_book p:nth-child(2) input {margin-right:10px;}
.class.view .section1 .right .info li.li_book p:nth-child(2) input[type="checkbox"]:checked + label {color: #151682;}
.class.view .section1 .right .info li:last-child {margin-bottom:50px;}
.class.view .section1 .right .info li p {display:inline-block; font-size: 13pt;}
.class.view .section1 .right .info li p:nth-child(2) {color:#707070;}
.class.view .section1 .right .info li p.p_price_wrap {width:calc(100% - 210px); display: inline-flex; align-items: center; justify-content: space-between; overflow:hidden; border-radius:10px;}
.class.view .section1 .right .info li p.p_price_wrap label {color: #111;width:100%; background: #ffffff; padding: 16px; font-weight: bold; cursor:pointer; align-items: center; display: inline-flex;}
.class.view .section1 .right .info li p.p_price_wrap span {color: #fff; width: 170px; height: 55px; display: flex; align-items: center; justify-content: center;}
.class.view .section1 .right .info li p.p_price_wrap span.pc {background:#111;}
.class.view .section1 .right .info li p.p_price_wrap span.pc_mo {background:#3d2a95;}
.class.view .section1 .right .info li p.p_price_wrap span.book {background:#4b67ff; height: auto;}
.class.view .section1 .right .info li p input[type="radio"], .class.view .section1 .right .info li p input[type="checkbox"]  {margin-right:10px;}
.class.view .section1 .right .info li p:nth-child(1) {width:150px; margin-right:50px; font-weight: 600;}
.class.view .section1 .right .price {background: #fff; border-radius: 10px; overflow: hidden;}
.class.view .section1 .right .price_only {display:flex; font-size: 16pt; color: #6b6b6b; align-items:center; padding: 50px; justify-content: space-between;}
.class.view .section1 .right .price_only b {font-size:26pt; color:#111; margin-right:10px;}
.class.view .section1 .right .price_btn {font-size:20pt; display: flex; width: 100%;}
.class.view .section1 .right .price_btn a {width:calc(100% / 2); color:#fff; padding: 20px 0; font-weight: 500; display:flex; align-items:center; justify-content: center;}
.class.view .section1 .right .price_btn a img {margin-left:20px;}
.class.view .section1 .right .price_btn a.orderBtn:hover {padding-left:5px; transition:0.3s;}
.class.view .section1 .right .price_btn a.orderBtn:hover img {margin-left:25px; transition:0.3s;}
.class.view .section1 .right .price_btn a:nth-child(1){background:#4C4C4C;}
.class.view .section1 .right .price_btn a.orderBtn{background:#151682;}

/* 탭 */
.class.view .section2 .tab {display:flex; flex-wrap:wrap;}
.class.view .section2 .tab li {width:calc(100% / 4); text-align:center; background: #fff; border: 1px solid #ddd; border-bottom:1px solid #111; font-size:16pt;}
.class.view .section2 .tab li a {padding:20px 0; display: block;}
.class.view .section2 .tab li.on {z-index: 10 !important; border-color: #333; color: #111; border-bottom:0;}
.class.view .section2 .tab_wrap {display:none; margin:70px auto;}
.class.view .section2 .tab_wrap.on {display:block;}
.class.view .section2 .tab_wrap.on .ct {width:100%;}

.class.long.view .section2 .tab li {width:calc(100% / 3);}
.class.long.view.deep .section2 .tab li {width:calc(100% / 2);}
.class.view {width:100%;}
.class.view > *, .class.view .ct table > *, font {font-size:13pt; text-align: center;}
.class.view table td a img {max-width:200px; width: 100%; height: auto;}
.class.view .table_scroll {margin-bottom:20px;}
.class.view .table_scroll:last-child {margin-bottom:0;}
.class.view table th {background:#f6f7fb;}

.class.book.view .section1 .info li.li_price {margin-bottom:20px;}
.class.book.view .section1 .info li.li_quantity {display:flex; align-items: center;}
.class.book.view .section1 .info li.li_quantity .quantity {display:inline-flex;}
.class.book.view .section1 .info li.li_quantity a {background: #ffffff;border: 1px solid #ddd;color: #111;width: 40px;font-size: 23pt;font-weight: 200;height: 40px;display: inline-flex;align-items: center;justify-content: center;}
.class.book.view .section1 .info li.li_quantity a:first-child {left:1px;}
.class.book.view .section1 .info li.li_quantity a:last-child {right:1px;}
.class.book.view .section1 .info li.li_quantity a:last-child span {top:-2px;}
.class.book.view .section1 .info li.li_quantity input {width:40px; height:40px;border:1px solid #ddd; color: #111; text-align: center; font-weight: 700; font-size: 13pt; background: #fff;}
.class.book.view .section1:after {height:725px;}
.class.book.view .section2 .tab li {width:calc(100% / 2);}
.class.book.view .section1 .info li.li_etc .etc {line-height: 30px;background: #fff;padding: 20px;border-radius: 10px;width: calc(100% - 210px);/* overflow: scroll;overflow-x: hidden;height: 100px; */}

/* 교재소개 */
.class.view .section2 .tab_wrap.tap1.on {display: block;}
.class.view .section2 .tab_wrap.tap1 .ct .book {display:flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.class.view .section2 .tab_wrap.tap1 .ct .book:last-child {margin-bottom:0;}
.class.view .section2 .tab_wrap.tap1 .book_img {width: 40%; margin-right: 100px; position: relative; background: #f6f7fb; padding: 15% 0%; border-radius: 30px;}
.class.view .section2 .tab_wrap.tap1 .book_img img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);max-width:300px; margin: 0 auto; width: 50%;}
.class.view .section2 .tab_wrap.tap1 .book_info {width:calc(60% - 100px); font-size:13pt;}
.class.view .section2 .tab_wrap.tap1 .book_info li {margin-bottom:15px; display: flex; align-items: center;}
.class.view .section2 .tab_wrap.tap1 .book_info li p {display:inline-block;}
.class.view .section2 .tab_wrap.tap1 .book_info li p:last-child {margin-bottom:0; width: calc(100% - 120px); text-align: left;}
.class.view .section2 .tab_wrap.tap1 .book_info li p:last-child br {display:none;}
.class.view .section2 .tab_wrap.tap1 .book_info li p:nth-child(1) {background: #111; color: #fff; padding: 3px 0px; border-radius: 100px; width: 100px; text-align: center; margin-right: 15px;}
.class.view .section2 .tab_wrap.tap1 .book_info .point {margin-top: 10px; font-size: 10pt; color: #ff5858; border-top: 2px dotted #ddd; padding-top: 10px; text-align: left;}

.class.view .section2 .tab_wrap.tap2 {text-align:center;}
.class.view .section2 .tab_wrap.tap2 .name {font-size:30pt; font-weight:bold; margin: 70px 0;}
.class.view .section2 .tab_wrap.tap2 .info {background: #f6f7fb; border-radius:20px; display: flex; padding: 50px; z-index: -1; margin-bottom: 20px;}
.class.view .section2 .tab_wrap.tap2 .info li {width:calc(100% / 2); border-right:1px solid #ddd;}
.class.view .section2 .tab_wrap.tap2 .info li:last-child {border-right:0;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1) {font-size: 20pt; font-weight: bold; margin-bottom: 30px; position:relative; display: inline-block; padding: 0 5px;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1):before {z-index: -1; background:#dbd4ff; bottom:-2px; left:0; width:100%; height:15px; position:absolute; content:'';}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(2) {font-size: 18pt;}
.class.view .section2 .tab_wrap.tap2 table tr td:nth-child(2) {text-align:left;}
.class.view .section2 .tab_wrap table th {font-weight:bold;}
.class.view .section2 .tab_wrap table td.td_a {text-align:center;}
.class.view .section2 .tab_wrap table td.td_a a {border:1px solid #ddd; padding:5px 10px; border-radius:100px;}
.class.view .section2 .tab_wrap.tap1 table td {/* border:0; padding:0;  */width: auto;/*  height: auto; */}
.class.view .section2 .tab_wrap.tap1 table td table td {padding: 20px; border: 1px solid #ddd;}

.class.book.view .precautions {font-size:13pt; background:#fff; padding: 0; margin-top: 0; margin-bottom: 70px; text-align: center !important; line-height:30px;}
.class.view .section2 .tab_wrap.on .ct {font-size:13pt; line-height:30px;}

/* 교과내용 */
.class.view .section2 .tab_wrap.on {display: block;}
.class.view .section2 .instructor {justify-content: center; display: flex; align-items: center; padding: 50px;}
.class.view .section2 .instructor_img {background: #fff; overflow:hidden; display: flex; align-items: center; justify-content: center; width:330px; margin-right: 50px;}
.class.view .section2 .instructor_img img {width: 100%;}

.class.view .t_name span {border-radius: 100px; padding: 5px 15px; font-size: 16pt; margin-left: 10px;}
.class.view .t_name span.uscpa {background:#151783; color:#fff;}
.class.view .t_name span.ea {background:#ffe17c;}
.class.view .t_name span.kcpa {background:#bcf1c1;}
.class.view .t_name span.cta {background:#ffc1c1;}
.class.view .t_name span.cfp {background:#eccfff;}
.class.view .t_name span.frm {background:#bad6ff;}

/* 강의소개 */
.class.view .section_main_title p.title {font-size:16pt;}
.class.view .section_main_title p.title span {background-image: linear-gradient(#ededff, #ededff); background-repeat: no-repeat; background-position: 0 140%; background-size: 100% 60%; padding: 0.1em 0;}

/* 강사소개 */
.class.view .section2 .instructor_wrap .instructor {box-shadow:0px 5px 20px 0px rgba(24, 17, 78, 0.10); border-radius: 20px; overflow: hidden; border: 1px solid #ddd; margin-bottom:10px;}
.class.view .section2 .instructor_wrap .instructor:last-child {margin-bottom:0;}
.class.view .section2 .instructor_info {width: calc(100% - 330px); font-size: 13pt; text-align: left; line-height: 30px; color:#727272;}
.class.view .section2 .instructor_info ul {display:flex; flex-wrap:wrap;}
.class.view .section2 .instructor_info ul li {margin-bottom: 15px; width: calc(100% / 2);}
.class.view .section2 .instructor_info ul li:last-child {margin-bottom:0;}
.class.view .section2 .instructor_info p.t_name {color:#111; display: flex; align-items: center;font-size: 20pt; font-weight: 700; margin-bottom: 30px; border-bottom:2px dotted #ddd; padding-bottom: 30px;}

.class.view .section2 .tab_wrap.tap4 table {text-align:center;}

/* 하단 퀵바 */
.fixed-nav-pay {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #111;color: white;display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;}
.fixed-nav-pay .nav_wrap {max-width:1720px; width: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 0 auto;}
.fixed-nav-pay .cart-info {font-size: 13pt; margin-right: 30px; display: flex; align-items: baseline;}
.fixed-nav-pay .cart-info p:first-child {margin-right:20px;}
.fixed-nav-pay .cart-info span.number {margin:0 10px; font-weight: bold;}
.fixed-nav-pay .cart-info span.price {font-size: 20pt; font-weight: bold; margin: 0 10px;}
.fixed-nav-pay .checkout-btn {padding: 10px 20px; background-color: #ffffff; color: #111; border: none;border-radius: 100px;cursor: pointer; font-size:13pt; font-weight: 500; margin-right:5px;}
.fixed-nav-pay .checkout-btn.buy {background:#151682; color:#fff;}
.fixed-nav-pay .checkout-btn:disabled {background-color: #aaa;cursor: not-allowed;}

@media screen and (max-width: 1400px) {
.class.view .section1 {padding:30px; border-radius: 10px;}
.class.view .section1:after, .class.book.view .section1:after {height: 550px;}
.class.view .section1:before {height:150px;}
.class.view .section1 .left img.prdt_img {min-width: auto; min-height: auto;}
.class.view .section1 .left {margin-right:50px;}
.class.view .section1 .right .title {height: 150px; margin-bottom:20px;}
.class.view .section1 .right .title .name {font-size:20pt; line-height: 30px;}
.class.view .section1 .right .title .type {margin-bottom:10px;}
.class.view .section1 .right .title .type span {font-size: 10pt; width: 90px;}
.class.view .section1 .right .info li p {font-size:13pt;}
.class.view .section1 .right .info li p:nth-child(1) {width:100px; margin-right: 0px;}
.class.view .section1 .right .info li p.p_price_wrap, .class.book.view .section1 .info li.li_etc .etc {width:calc(100% - 110px);}
.class.view .section1 .right .price_only {font-size:16pt; padding: 30px;}
.class.view .section1 .right .price_only b {font-size:20pt;}
.class.view .section1 .right .price_btn {font-size:16pt;}
.class.view .section1 .right .price_btn a img {width:30px;}
.class.view .section1 .right .price_btn a {padding:20px 0;}
.class.view .section1 .left .sample_wrap {margin-top:25px;}
}

/* 아이패드 가로 1080*1024 */
@media screen and (max-width: 1120px) {
/* 샘플 */
.sample_wrap .sample {font-size: 10pt; width: 120px; height: 35px; margin-right: 5px;}

.class.view {margin-top:180px;}

.class .tap, .class .list_wrap .list_box {border-radius:10px;}
.class .tap a {font-size:13pt; letter-spacing:-1px;}
.class .advantage_class li p {font-size:13pt;line-height:25px;}
.class .advantage_class li p b {font-size:13pt; letter-spacing:0;}
.class .advantage_class li {width:350px; border-radius:10px; padding:30px;margin-right:20px;}
.class .advantage_class li img {width:100px; height:100px; margin-bottom:30px;}
.class .section_wrap {padding:0px 1% 1px;}
.class .sub_title {font-size:13pt; margin: 20px 0 20px; border-radius: 5px; width: 200px;}
.class .sub_title:first-child {margin:0 0 10px;}
.class .list_wrap {margin-bottom:50px;}
.class .list_wrap .list_box .ct_left {padding:20px;}
.class .list_wrap .list_box .ct_left .title {font-size:16pt; margin: 15px 0; line-height: 35px;}
.class .list_wrap .list_box .ct_left .title_info {font-size:13pt;}
.class .list_wrap .list_box .ct_left .title_sub span {font-size:10pt; width: 90px;}
.class .list_wrap .list_box .ct_left .ct_bottom li {font-size:13pt; border-radius: 5px; padding-left: 15px;}
.class .list_wrap .list_box .ct_left .ct_bottom li p {width: 150px; font-size: 12pt; height: 40px; border-radius: 0 5px 5px 0;}
.class .list_wrap .list_box .ct_left .ct_bottom li label {padding:10px;}
.class .list_wrap .list_box .ct_right {padding:20px;}
.class .list_wrap .list_box .ct_right img {max-width:150px;}

.introduction_class_book.class .advantage_class_only {font-size:13pt; padding:20px; border-radius: 10px; line-height: 35px;}
.introduction_class_book.class .advantage_class_only li p:before {top:9px;}




.class.view .section2 .tab li {font-size:13pt;}
.class.view .section2 .tab_wrap {margin:50px auto;}
.class.view .section2 .tab_wrap.tap1 .book_img {padding: 200px;margin-right: 50px; border-radius: 10px;}
.class.view .section2 .tab_wrap.tap1 .book_img img {max-width: 200px;}
.class.view .section2 .tab_wrap.tap1 .book_info {width:50%; font-size:13pt;}
.class.view .section2 .tab_wrap.tap1 .book_info .point {font-size:13pt;}
.class.view .section2 .tab_wrap.tap1 .book_info li {margin-bottom:10px;}
.class.view .section2 .instructor_img {width:300px;}
.class.view .section2 .instructor_info {width:calc(100% - 350px);}

.class.view .tab_wrap.tap2 .name {font-size:20pt; margin:50px auto;}
.class.view .tab_wrap.tap2 .info {padding:30px 0;}
.class.view .tab_wrap.tap2 .info li p:nth-child(1), .class.view .tab_wrap.tap2 .info li p:nth-child(2) {font-size:16pt;}
.class.view .tab_wrap table td, .class.view .tab_wrap table th {font-size:13pt;}

.class.view .section2 .instructor_info p.t_name {font-size:20pt; margin-bottom: 25px; padding-bottom: 25px;}
.class.view .t_name span {font-size:13pt; font-weight: 500;}
.class.view .section2 .instructor_info {font-size:13pt;}

.class.book.view .precautions {margin-bottom:50px;}

/* 임시결제창 */
.class.temporary .advantage_class_only {font-size:13pt; padding:20px; border-radius: 10px; line-height: 35px;}
.class.temporary .advantage_class_only li p:before {top:9px;}

.class .list_wrap .list_box .ct_left .ct_bottom li input {width:10px; height:10px;}
}

/* 모바일 */
@media screen and (max-width: 840px) {
.section_main_title p.title {font-size:16pt !important; margin-bottom:0;}

.class .list_wrap .list_box {flex-direction: column-reverse;}
.class .list_wrap .list_box .ct_right {width:100%;}
.class .list_wrap .list_box .ct_left {width:100%;}
.class .list_wrap .list_box .ct_left .title_info, .class .list_wrap .list_box .ct_left .ct_bottom li {font-size:12pt;}
.class .list_wrap .list_box .ct_left .ct_bottom li p {border-radius:0 5px 5px 0; font-size: 12pt;}
.class .list_wrap .list_box .ct_left .ct_bottom li {border-radius:5px;}


.class.view .ct > *, .class.long.view .ct table > *, font {font-size:12pt;}
.class.view .ct .table_scroll {overflow:scroll; overflow-y: hidden;}
.class.view .ct .table_scroll table {width:150%;}

.class.view {margin-top:150px;}
.class.view .section1 {display:block; padding: 0;}
.class.view .section1:before {content:inherit;}
.class.view .section1 .left {margin-right:0; max-width: inherit; width: 100%; flex-direction: column-reverse; display: flex; background:#fff;}
.class.view .section1 .left img.prdt_img {display: block; margin: 0 auto; margin-bottom: 35px; width: 200px; max-height: 283px; margin-top: 35px; box-shadow: inherit;}
.class.view .section1 .left .sample_wrap {justify-content: flex-end; width: 100%; margin-top: 10px; right: 10px;}
.class.view .section1 .right {padding:20px;}
.class.view .section1 .right .title {height: auto; margin-bottom: 20px;}
.class.view .section1 .right .title .type {margin-bottom:15px;}
.class.view .section1 .right .title .name {font-size: 16pt; line-height: 25px; border-bottom: 2px solid #111; padding-bottom: 20px;}
.class.view .section1:after, .class.view .section1:after, .class.book.view .section1:after {height:530px;}
.class.view .section1 .right .info li p.p_price_wrap span {height:51px;}
.class.view .section2 .tab_wrap.tap1 .book_img {padding: 100px; margin-right: 50px;}
.class.view .section2 .tab_wrap.tap1 .book_img img {max-width:100px;}
.class.view .section2 .tab_wrap.tap1 .book_info {width:60%; font-size:12pt;}
.class.view .section2 .tab_wrap.tap1 .book_info .point {font-size: 10pt; line-height: 20px;}

.class.view .section2 .tab li {font-size:13pt;} 
.class.view .section2 .tab li a {padding:15px 0;}

.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1) {font-size:12pt; margin-bottom: 15px;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(2) {font-size:12pt;}
.class.view .section2 .tab_wrap table td, .class.view .section2 .tab_wrap table th {padding:15px !important; font-size: 12pt;}

.class.view .section2 .instructor_info p.t_name {font-size: 16pt; margin-bottom: 15px; padding-bottom: 15px;}
.class.view .section2 .instructor_info {width:calc(100% - 250px); font-size: 12pt; line-height: 25px;}
.class.view .section2 .instructor_info ul li {margin-bottom:10px;}
.class.view .section2 .instructor_img {width:200px;}
.class.view .t_name span {padding: 4px 12px; font-size:12pt;}

.introduction_class_book.class .advantage_class_only {font-size:12pt; line-height: 25px;}
.introduction_class_book.class .advantage_class_only li {margin-bottom:5px;}
.introduction_class_book.class .advantage_class_only li p:before {top:4px;}


.class .tap {box-shadow: inherit; flex-wrap:wrap;}
.class .tap a {font-size: 16pt; letter-spacing: -1px; border-radius: 10px; width: calc(100% / 2 - 10px); margin-right: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); margin-bottom: 10px;}
.introduction_class_book.class .tap a:last-child {margin-right:0;}

.class.book.view .precautions, .class.view .section2 .tab_wrap.on .ct {font-size: 12pt !important;}

/* 공통 */
.class .tap a {font-size:12pt; letter-spacing:-1px;}
.class .advantage_class li {width: 300px; padding: 20px; margin-right: 10px;}
.class .advantage_class li p {font-size:10pt;}
.class .advantage_class li p b {font-size:12pt;}
.class .advantage_class li img {width:70px; height:70px; margin-bottom:20px;}
.class .sub_title {font-size:13pt; width:100%; border-radius: 15px 15px 0 0;}

/* 임시결제창 */
.class.temporary .advantage_class_only {font-size:12pt; line-height: 25px;}
.class.temporary .advantage_class_only li {margin-bottom:5px;}
.class.temporary .advantage_class_only li p:before {top:4px;}
.class.temporary .sample_wrap {top: inherit; width: 100%; display: block; bottom: -60px;}
.class.temporary .sample_wrap .sample {width:100%; border-radius: 5px;}
.class.temporary .list_wrap .list_box .ct_left .title {margin-top:0;}
.class.temporary .list_wrap .list_box .ct_left .ct_top {margin-bottom: 70px;}

/* 하단 퀵바 */
.fixed-nav-pay {padding:15px;}
.fixed-nav-pay .nav_wrap {display: block;}
.fixed-nav-pay .cart-info {margin-right: 0; justify-content: space-between; font-size:12pt; margin-bottom: 15px; align-items: center;}
.fixed-nav-pay .cart-info span.number {margin:0 10px; font-weight: bold;}
.fixed-nav-pay .cart-info span.price {font-size: 20pt; font-weight: bold; margin: 0 10px;}
.fixed-nav-pay .btn-info {display:flex;}
.fixed-nav-pay .checkout-btn {width: 100%; border-radius: 5px;}
}

/* 모바일 */
@media screen and (max-width: 600px) {
.class .list_wrap .list_box .ct_right {padding:60px 0 20px;}
.introduction_class_book.class .list_wrap .list_box .ct_right {padding:20px 0;}
.class .list_wrap .list_box .ct_right img {height: 190px;}
/* 공통 */
.class .advantage_class li {width: 220px; padding: 15px 0; margin-right:10px; border-radius:5px;}
.class .advantage_class li p {font-size:10pt; line-height:20px;}
.class .advantage_class li p b {font-size:10pt;}
.class .advantage_class li img {margin-bottom:20px;}
.class .tap a {font-size:10pt; letter-spacing:0; border-radius: 5px; width: calc(100% / 2 - 5px); margin-right: 5px; padding:15px 0; margin-bottom: 5px;}
.class .sub_title {font-size:12pt; border-radius:5px 5px 0 0;}
.class .tap {border-radius:5px; margin-bottom: -30px;}
.class .sub_title:first-child {margin-bottom:5px;}
.class .list_wrap .list_box .ct_left {padding:15px;}

.class.long.view .ct > *{display:block;}
.class.long.view .ct > *, .class.long.view .ct table > *, font {font-size:10pt;}

.class .list_wrap .list_box {margin-bottom:10px; border-radius:5px;}
.class .list_wrap .list_box .ct_left .title_sub span {width: 70px; padding: 5px 0; margin-right: 2px;}
.class .list_wrap .list_box .ct_left .title {font-size: 14pt; line-height: 20px;}
.class .list_wrap .list_box .ct_left .title_info, .class .list_wrap .list_box .ct_left .ct_bottom li {font-size:10pt;}
.class .list_wrap .list_box .ct_left .ct_bottom {margin-top:20px;}
.class .list_wrap .list_box .ct_left .ct_bottom li {font-size:12pt; padding-left: 15px;}
.class .list_wrap .list_box .ct_left .ct_bottom li p {font-size:10pt; height: 39px;}
.class .list_wrap .list_box .ct_left .ct_bottom li.plus_book p.book {padding:10px; padding-right: 2px;}

.introduction_class_book.class .advantage_class_only {font-size: 10pt; line-height: 20px; padding: 15px;}
.introduction_class_book.class .advantage_class_only li p:before {top:5px; width: 10px;height: 10px;left: 0px;background-size: 10px;}
.introduction_class_book.class .advantage_class_only li p {padding-left: 15px;}
.class .list_wrap .list_box .ct_left .title_info span {border-right: 1px solid; padding-right: 10px; margin-right: 5px;}

.section_main_title p.title {font-size:14pt !important;}

.class.view {margin-top:127px;}

/* 샘플 */
.sample_wrap {top: -275px; right: -5px !important; z-index: 10;}
.sample_wrap .sample {width: 100px; height: 30px;}
.sample_wrap .sample img {display:none;}

.class.view .section1 .left .sample_wrap {top:0; right: 10px !important;}

.class.view .section1 .right {padding:15px;}
.class.view .section1 .right .title {height:auto; margin-bottom: 20px;}
.class.view .section1 .right .title .name {font-size:14pt; padding-bottom: 15px; line-height: 25px;}
.class.view .section1 .right .price_only {font-size: 10pt; padding: 15px;}
.class.view .section1 .right .price_only b {font-size:14pt;}
.class.view .section1 .right .price_btn {font-size:14pt;}
.class.view .section1 .right .price_btn a {padding:15px 0;}
.class.view .section1 .right .info li p {font-size:10pt;}
.class.book.view .section1 .info li.li_etc .etc {line-height:20px;}
.class.view .section1 .right .info li {margin-bottom:15px;}
.class.view .section1 .right .info li p.p_price_wrap label {padding:10px;}
.class.view .section1 .right .info li p.p_price_wrap span {height:36px; width:130px; font-size:10pt;}
.class.view .section1 .right .info li p input[type="radio"], .class.view .section1 .right .info li.li_book p:nth-child(2) input {margin-right:5px;}
.class.view .section1 .right .info li.li_book p:nth-child(2) input {top:1px;}
.class.view .section1 .right .info li:last-child {margin-bottom:30px;}
.class.view .section1 .right .title .type span {width:70px; margin-right: 2px; padding:5px 0;}
.class.view .section1 .right .info li p.p_price_wrap {border-radius:5px;}
.class.view .section1 .left img.prdt_img {margin-bottom: 30px; width: 150px; max-height: 212px; margin-top: 30px;}


.class.view .section2 .tab_wrap.tap1 .ct .book {display:block; margin: 30px auto;}
.class.view .section2 .tab_wrap.tap1 .book_img {width: 100%; border-radius: 0;}
.class.view .section2 .tab_wrap.tap1 .book_info {width:100%; margin-top:10px; font-size: 10pt;}
.class.view .section2 .tab_wrap.tap1 .book_info li {margin-bottom:10px;}
.class.view .section2 .tab_wrap.tap1 .book_info li p:nth-child(1) {border-radius:5px; padding: 2px 0px;}
.class.view .section2 .tab_wrap.tap1 .book_info .point {padding-top:5px; font-size: 9pt;}
.class.view .section2 .tab li {font-size:10pt;}
.class.view .section2 .tab li a {padding:15px 0; font-weight: 600;}
.class.view .section2 .tab_wrap table td, .class.view .section2 .tab_wrap table th {font-size:10pt;}
.class.view .section2 .tab_wrap.tap2 .name {font-size:14pt; margin: 30px auto;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1), .class.view .section2 .tab_wrap.tap2 .info li p:nth-child(2) {font-size:10pt;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1) {margin-bottom:10px;}
.class.view .section2 .tab_wrap table td, .class.view .section2 .tab_wrap table th {font-size:10pt;}

.class.view .ct > *, .class.long.view .ct table > *, font {font-size:10pt;}
.class.book.view .precautions {margin-bottom:30px; line-height: 25px; font-size: 10pt !important;}
.class.view .section2 .tab_wrap.on .ct {line-height: 25px; font-size: 10pt !important;}

.class.view .section2 .tab_wrap.tap3.on {padding:0; display: block;}
.class.view .section2 .instructor_wrap .instructor {display:block; padding: 15px; border-radius:10px;}
.class.view .section2 .instructor_img {display:block; width:100%; margin-right: 0;}
.class.view .section2 .instructor_info {display:block; width:100%; font-size: 10pt;} 
.class.view .section2 .instructor_img img {width:30%;}
.class.view .section2 .instructor_info p.t_name {font-size: 14pt; margin-bottom: 15px; padding-bottom: 15px; margin-top: 15px; justify-content: center;}
.class.view .t_name span {padding: 3px 9px; font-size: 10pt;}
.class.view .section2 .instructor_info ul {text-align:center;}
.class.view .section2 .instructor_info ul li {width:100%;}

.class.view .section2 .tab_wrap.tap4 table {margin:30px auto;}

.class.view .section1:after {height:395px;}
.class.book.view .section1:after {height:430px;}

.class.book.view .section1 .info li.li_quantity a {width: 30px; font-size: 20pt; height: 30px;}
.class.book.view .section1 .info li.li_quantity input {width: 30px; height: 30px; font-size: 10pt;}

.class.view .section2 .tab_wrap {margin:30px 0;}

/* 임시결제창 */
.class.temporary .advantage_class_only {font-size: 10pt; line-height: 20px; padding: 15px;}
.class.temporary .advantage_class_only li p:before {top:5px; width: 10px;height: 10px;left: 0px;background-size: 10px;}
.class.temporary .advantage_class_only li p {padding-left: 15px;}
.class.temporary .sample_wrap {bottom: -50px; left: 0;}
.class.temporary .list_wrap .list_box .ct_left .ct_top {margin-bottom: 60px;}
}

@media screen and (max-width: 450px) {
.tab_wrap .section_main_title p.title {font-size:10pt !important;}
.class.view .section2 .tab_wrap.on .ct {font-size:9pt;}
.class.view .section2 .instructor_info {font-size:9pt; line-height:20px;}

.class.view .section1 .right {padding:20px 15px 15px;}
.class.view .section1 .right .info li p, .class.view .section1 .right .price_only {font-size:9pt;}
.class.view .section1 .right .info li p input[type="radio"], .class.view .section1 .right .info li.li_book p:nth-child(2) input {margin-right: 7px; width: 10px;}
.class.view .section1 .right .info li p:nth-child(1) {font-size:10pt; display:block; width:100%; margin-bottom:10px; font-weight: bold;}
.class.view .section1 .right .info li p:nth-child(2) {display: block;}
.class.book.view .section1 .info li.li_etc .etc {padding:15px;}
.class.view .section1 .right .info li p.p_price_wrap {display:flex; margin-bottom:5px;}
.class.view .section1 .right .info li p.p_price_wrap, .class.book.view .section1 .info li.li_etc .etc {width:100%; border-radius: 5px;} 
.class.view .section1 .right .info li.li_price {margin-bottom:-25px;}
.class.view .section1 .right .info li.li_book {margin-bottom: -25px; display: grid; border-bottom: 0;}
.class.view .section1 .right .info li.li_book:last-child {margin-bottom:20px;}
.class.view .section1 .right .info li.li_book p:nth-child(2) input {margin-right:5px; top: 0;}
.class.view .section1 .right .title .name {font-size:12pt; padding-bottom: 15px; line-height: 20px; border-bottom:1px solid #111;}
.class.view .section1 .right .price_only b {font-size:12pt;}
.class.view .section1 .right .price_btn {font-size:12pt;}
.class.view .section1 .right .info li {border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:15px;}
.class.view .section1 .right .info li:last-child {border-bottom:0; margin-bottom: 20px;}
.class.view .section1 .right .info li, .class.view .section1 .right .info li:last-child {display:block;}
.class.view .section1 .right .price_btn a {padding:15px 0;}
.class.view .section1 .right .price_btn a img {width:20px; margin-left: 10px;}
.class.view .section1 .right .price_btn a.orderBtn:hover img {margin-left:10px;}
.class.view .section1 .right .info li p.p_price_wrap span {height: 36px; font-size: 9pt;}
.class.view .section1 .right .title .type span {padding:5px 0; width: 70px; font-size: 9pt;}
.class.view .section1:after {height:500px;}
.class.book.view .section1:after {height:500px;}
.class.view .section1 .left img.prdt_img {margin:20px auto;}
.class.view .section1 .left .sample_wrap .sample {width: 90px; padding: 5px 0 4px 5px; font-size: 9pt;}
.class.view .section1 .left .sample_wrap .sample img {left:-5px; top: -1px;}
.section_main_title p.title {font-size:12pt !important;}
.class.view .section1 .right .title .type {margin-bottom:15px;}

/* 샘플 */
.sample_wrap .sample img  {left:-5px; top: -1px;}

.class.view .section2 .tab_wrap.on .ct {line-height:20px;}
.class.view .section2 .tab_wrap.tap1 .book_info li p:nth-child(1) {width: 70px; font-size: 9pt;}
.class.view .section2 .tab_wrap.tap1 .book_info {font-size:9pt;}
.class.view .section2 .tab li {font-size:10pt;}
.class.view .section2 .tab li a {padding:10px 0; font-weight: 400;}
.class.view .ct > *, .class.long.view .ct table > *, font {font-size:9pt;}


.class.view .section2 .tab_wrap.tap2 .name {font-size:14pt;}
.class.view .section2 .tab_wrap.tap2 .info li p:nth-child(1), .class.view .section2 .tab_wrap.tap2 .info li p:nth-child(2) {font-size:10pt;}
.class.view .section2 .tab_wrap table td, .class.view .section2 .tab_wrap table th {font-size:9pt !important; padding:5px !important; line-height: 25px;}
.class.view .section2 .tab_wrap.tap1 .book_info li {margin-bottom:5px;}

.class.view .section2 .instructor_info p.t_name {font-size: 10pt; line-height: 20px; border-bottom: 1px dotted #ddd;}
.class.view .section2 .tab_wrap.tap3 .instructor_info {font-size:9pt; line-height: 20px;}
.class .list_wrap .list_box .ct_left .title {font-size:10pt;}
.class .list_wrap .list_box .ct_left .title_sub span {margin-right:0;}
.class .list_wrap .list_box .ct_left .ct_bottom li {font-size:9pt;}
.class .list_wrap .list_box .ct_left .ct_bottom li p {height:39px; font-size:9pt;}

.class .advantage_class li p, .sample_wrap .sample, .class .list_wrap .list_box .ct_left .title_sub span, .class .list_wrap .list_box .ct_left .title_info {font-size:9pt;}

.class.book.view .section1 .right .info li.li_price {margin-bottom:20px;}

.introduction_class_book.class .advantage_class_only {font-size:9pt; padding: 15px; border: 2px dotted #629cff; border-radius: 5px;}
.introduction_class_book.class .advantage_class_only li p:before {left:-2px;}

.class .tap {margin-bottom: -10px;}
.class .tap a {font-size:10pt;}
.class .advantage_class {animation: slide 30s linear infinite;}
.class .list_wrap .list_box .ct_left .ct_bottom li input, .class .list_wrap .list_box .ct_left .ct_bottom li.plus_book input[type="checkbox"] {width:10px; height:10px;}

.class .sub_title {border-radius: 5px 5px 0 0; font-size:12pt;}
.class .list_wrap {margin-bottom:30px;}

/* 단과반 수강신청 */
.class .advantage_class li {width: 200px; padding: 15px 0px; margin-right: 10px;}
.class .advantage_class li img {width:50px; height:50px; margin-bottom:10px;}
.class .advantage_class li p b {font-size:10pt; letter-spacing: -1px;}

.class .sub_title {font-size:10pt; padding: 10px;}

/* 임시결제창 */
.class.temporary .advantage_class_only {font-size:9pt; padding: 15px; border: 2px dotted #629cff; border-radius: 5px;}
.class.temporary .advantage_class_only li p:before {left:-2px;}

/* 하단 퀵바 */
.fixed-nav-pay {padding:10px;}
.fixed-nav-pay .checkout-btn {font-size:9pt;}
.fixed-nav-pay .cart-info {font-size:9pt; margin-bottom: 10px;}
.fixed-nav-pay .cart-info span.price {font-size: 12pt; font-weight: bold; margin: 0 10px;}

/* 강의리스트 */
.class.view .section2 .tab_wrap.tap2 .class_view_list table col:nth-child(1) {width: 60px;}
.class.view .section2 .tab_wrap.tap2 .class_view_list table col:nth-child(2) {width: auto;}
.class.view .section2 .tab_wrap.tap2 .class_view_list table col:nth-child(3) {width: 60px;}
}