@import url('sub.css'); 



/********** ## 온라인교육 - 게시판 기본형 **********/
.thum_list {}
.thum_list dl {display:flex; flex-wrap:wrap; align-items:center; padding:20px; box-sizing:border-box; border:1px solid var(--border); margin:15px 0 0; transition:all 0.4s ease;}
.thum_list dl:first-of-type {margin-top:0;}
.thum_list dl:hover {border:1px solid var(--main); transition:all 0.4s ease;}
.thum_list dl dt {width:315px; overflow:hidden; aspect-ratio: 16 / 9 important!;/* aspect-ratio: 3 / 2.0954  */}
.thum_list dl dt img {display: block; width: 100%; height: auto; /*height: 100%;*/ object-fit: cover; transition:all .5s ease;}
.thum_list dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.thum_list dl dd.info {width:calc(100% - 475px);  padding-left:40px; box-sizing:border-box; }
.thum_list dl dd.button {width:160px;}
.thum_list dl dd .tBox {width:100%; padding-right:65px; box-sizing:border-box;}
.thum_list dl dd .tBox .bb_tit {font-size:var(--fs20); font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black); margin:0 0 13px;}
.thum_list dl dd .tBox .bb_tit a {letter-spacing:inherit; line-height:inherit; font-weight:inherit;}
.thum_list dl dd .tBox .bb_tit .cate {display:inline-block; padding:4px 16px; box-sizing:border-box; color:var(--white); font-size: 14px; font-weight: 600; line-height:157.143%; letter-spacing: -0.035rem; margin-right:13px;}
.thum_list dl dd .tBox .bb_tit .cate.color01 {background:var(--main);}
.thum_list dl dd .tBox .bb_tit .cate.color02 {background:var(--sub);}
.thum_list dl dd .tBox .bb_tit .cate.color03 {border:1px solid var(--main); color:var(--main);}
.thum_list dl dd .tBox .edu_infoList {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
.thum_list dl dd .tBox .edu_infoList li {display:flex; flex-wrap:wrap; align-items:center; font-size: var(--fs16); font-weight: 400; line-height:175%; letter-spacing: -0.04rem; color:rgba(34,34,34,0.5);}
.thum_list dl dd .tBox .edu_infoList li::after {content:''; width: 1px; height: 16px; background:rgba(34,34,34,0.2); margin:0 18px;}
.thum_list dl dd .tBox .edu_infoList li:last-of-type::after {display:none;}
.thum_list dl dd .tBox .edu_infoList li b {color:var(--black); letter-spacing:inherit; display:block; margin-right:8px; font-weight:400;}
.thum_list dl dd .tBox p {font-size: var(--fs16); font-weight: 400; line-height:175%; letter-spacing: -0.04rem; color:rgba(34,34,34,0.5); margin:0 0 2px;}
.thum_list dl dd .tBox p:last-of-type {margin:0;}
.thum_list dl dd .tBox p b {color:var(--black); letter-spacing:inherit; display:inline-block; margin-right:8px; font-weight:400;}

.thum_list dl dd .tBox p.fs22 {display:flex; flex-wrap:wrap; align-items:center; font-weight: 700; line-height:145.455%; letter-spacing: -0.88px; font-size:var(--fs22); margin:20px 0 0;}
.thum_list dl dd .tBox p.fs22 .cost {display:inline-block; margin-right:5px; font-size: 0.888rem; font-weight: 400; line-height:125%; letter-spacing: -0.64px; text-decoration: line-through; color:rgba(34,34,34,0.5);}
.thum_list dl dd .tBox p.fs22 .discount {display:inline-block; margin-left:5px; font-size: 0.888rem; font-weight: 700; line-height:175%; letter-spacing: -0.64px; color:var(--red); font-style:normal;}


.thum_list dl dd .tBox .wdate_cont {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.thum_list dl dd .tBox .wdate_cont .select {max-width:100%; color:rgba(34,34,34,0.7);}
.thum_list dl dd .tBox .wdate_cont .select.sm {max-width:250px;}



.thum_list dl dd .btnList {width:160px;}
.thum_list dl dd .btnList label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; letter-spacing: -0.64px;  color:rgba(34,34,34,0.7); margin:5px 0 0; font-size:var(--fs16);}
.thum_list dl dd .btnList a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:45px; box-sizing:border-box; font-size: var(--fs16); font-weight: 500; letter-spacing: -0.04rem; border-radius: 5px; margin:0 0 5px; transition:all 0.4s ease;}
.thum_list dl dd .btnList a:last-of-type {margin:0;}
.thum_list dl dd .btnList a::before {font-family:var(--icon); font-size:20px; margin-right:20px; display:block; font-weight:500; color:inherit; transition:all 0.4s ease;}
.thum_list dl dd .btnList a:hover {box-shadow:0px 8px 15px rgba(0, 0, 0, 0.08);}

.thum_list dl dd .btnList a.btn_sample {background:var(--black); color:var(--white); border:1px solid var(--black);}
.thum_list dl dd .btnList a.btn_sample::before {content:'\f6b5'; color:var(--white);}
.thum_list dl dd .btnList a.btn_sample:hover {background:var(--white); color:var(--black); transition:all 0.4s ease;}
.thum_list dl dd .btnList a.btn_sample:hover::before {color:var(--black); transition:all 0.4s ease;}

.thum_list dl dd .btnList a.btn_apply {background:var(--main); color:var(--white); border:1px solid var(--main);}
.thum_list dl dd .btnList a.btn_apply::before {content:'\e323'; color:var(--white);}
.thum_list dl dd .btnList a.btn_apply:hover {background:var(--white); color:var(--main); transition:all 0.4s ease;}
.thum_list dl dd .btnList a.btn_apply:hover::before {color:var(--main); transition:all 0.4s ease;}

.thum_list dl dd .btnList a.btn_cart {background:var(--white); color:var(--main); border:1px solid var(--main);}
.thum_list dl dd .btnList a.btn_cart::before {content:'\e854'; color:var(--main);}
.thum_list dl dd .btnList a.btn_cart:hover {background:var(--sub); border:1px solid var(--sub); color:var(--white); transition:all 0.4s ease;}
.thum_list dl dd .btnList a.btn_cart:hover::before {color:var(--white); transition:all 0.4s ease;}

.thum_list dl dd .btnList a.btn_end {background:#d3d3d3; border:1px solid #d3d3d3; color:var(--white); cursor:auto;}

input[type="checkbox"].checked {background:#F7F7F7; border:1px solid #aaa;}
input[type="checkbox"].checked::before {content:'\e876'; font-family:var(--icon); font-size:20px; color:rgba(34,34,34,0.3);  font-weight:500; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


.thum_list.ver_certi dl {padding:20px;}
.thum_list.ver_certi dl dt {width:257px;}
.thum_list.ver_certi dl dd.info {width:calc(100% - 417px);}
.thum_list.ver_certi dl dd .tBox .bb_tit {margin:0;}
.thum_list.ver_certi dl dd .tBox .edu_infoList {margin:10px 0 16px;}
.thum_list.ver_certi dl dd .tBox .price {font-size:1.222rem; font-weight: 700; line-height:145.455%; letter-spacing: -0.055rem; color:var(--main);}

.thum_list.ver_exam dl {padding:30px; margin:-1px 0 0;}
.thum_list.ver_exam dl:hover {position:relative; z-index:10;}
.thum_list.ver_exam dl dd.info {width:calc(100% - 160px); padding-left:0;}
.thum_list.ver_exam dl dd .tBox {position:relative; padding-right:150px;}
.thum_list.ver_exam dl dd .tBox .bb_tit span {display:inline-block; vertical-align:middle; height:30px; padding:0 16px; box-sizing:Border-box; color:var(--white); font-size:14px; letter-spacing: -0.05rem; margin-right:13px; line-height:30px;}
.thum_list.ver_exam dl dd .tBox .bb_tit span.type01 {background:var(--main);}
.thum_list.ver_exam dl dd .tBox .bb_tit span.type02 {background:var(--sub);}
.thum_list.ver_exam dl dd .tBox .edu_infoList {margin-bottom:0;}
.thum_list.ver_exam dl dd .tBox .price {position:absolute; top:50%; right:35px; transform:translateY(-50%);}


.thum_list.ver_mall {}
.thum_list.ver_mall dl dt {width:180px;/* aspect-ratio:3 / 4; */}
.thum_list.ver_mall dl dd.info {width:calc(100% - 340px);}
.thum_list.ver_mall dl dd .tBox .bb_tit .sale {display:inline-block; font-size: 11px; font-style: normal; font-weight: 800;  color:var(--white); padding:0 9px; box-sizing:border-box; border-radius:50px; line-height:18px; background: var(--red); margin-left:4px; vertical-align:middle;}
/********** ## 온라인교육 - 게시판 기본형 **********/



/********** ## 온라인교육 - 게시판 갤러리형 **********/
.photo_list {display:flex; flex-wrap:wrap;}
.photo_list dl {width:calc((100% - 90px) / 4); margin:30px 30px 0 0; background:var(--white); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); transition:all .5s ease;}
.photo_list dl:nth-of-type(-n+4) {margin-top:0;}
.photo_list dl:nth-of-type(4n) {margin-right:0;}
.photo_list dl dt {overflow:hidden; aspect-ratio: 3 / 2.0954;}
.photo_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease;}
.photo_list dl dd {padding:24px 30px; box-sizing:border-box; width:100%;}
.photo_list dl dd p {font-size: var(--fs16); font-weight: 400; line-height:175%; letter-spacing: -0.04rem; color:rgba(34,34,34,0.5);}
.photo_list dl dd p b {color:var(--black); letter-spacing:inherit; display:inline-block; margin-right:8px; font-weight:400;}
.photo_list dl dd .bb_tit {font-size: var(--fs20); font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black);}
/* .photo_list dl dd .price {display:block; font-size: 1.222rem; font-weight: 700; line-height:145.455%; letter-spacing: -0.055rem; color:var(--main); margin:12px 0 0;} */

.photo_list dl dd p.fs22 {display:flex; flex-wrap:wrap; align-items:center; font-weight: 700; line-height:145.455%; letter-spacing: -0.88px; font-size:var(--fs22); margin:12px 0 0;}
.photo_list dl dd p.fs22 .cost {display:inline-block; margin-right:5px; font-size: 0.888rem; font-weight: 400; line-height:125%; letter-spacing: -0.64px; text-decoration: line-through; color:rgba(34,34,34,0.5);}
.photo_list dl dd p.fs22 .discount {display:inline-block; margin-left:5px; font-size: 0.888rem; font-weight: 700; line-height:175%; letter-spacing: -0.64px; color:var(--red); font-style:normal;}


.photo_list dl:hover {box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.2); transition:all .5s ease;}
.photo_list dl:hover dt img {transform:scale(1.1); transition:all .5s ease;}


.photo_list.ver_mall dl {width:calc((100% - 120px) / 5);  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0); position:relative; background:transparent;}
.photo_list.ver_mall dl:nth-of-type(-n+5) {margin-top:0;}
.photo_list.ver_mall dl:nth-of-type(5n) {margin-right:0;}
.photo_list.ver_mall dl:nth-of-type(4n) {margin-right:30px;}

.photo_list.ver_mall dl::before {content:''; width:100%; height:100%; display:block; border:1px solid var(--border); position:absolute; top:0; left:0; z-index:-1; box-sizing:border-box;}
.photo_list.ver_mall dl dt {aspect-ratio: 3 / 4;}
.photo_list.ver_mall dl dd {padding:20px 20px 37px;}
.photo_list.ver_mall dl dd .bb_tit {margin:0 0 7px;}
.photo_list.ver_mall dl dd p.fs22 {margin:8px 0 0;}
/********** ## 온라인교육 - 게시판 갤러리형 **********/



/********** ## 온라인교육 - 상세페이지 **********/
.edu_view {display:flex; flex-wrap:wrap;}
.edu_view .left_cont {width:calc(100% - 430px); padding-right:30px; box-sizing:border-box;}
.edu_view .left_cont .detail_img {position:relative; background: var(--gray_bg);}
.edu_view .left_cont .detail_img  img {max-width:100%; display:block; margin:0 auto;}
.edu_view .left_cont .detail_img  .btn_sample {position:absolute; bottom:20px; right:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:160px; height:45px; box-sizing:border-box; font-size: var(--fs16); font-weight: 500; letter-spacing: -0.04rem; border-radius: 5px; margin:0 0 5px; transition:all 0.4s ease; background:var(--black); color:var(--white); border:1px solid var(--black); z-index:20;}
.edu_view .left_cont .detail_img  .btn_sample::before {content:'\f6b5'; color:var(--white); font-family:var(--icon); font-size:20px; margin-right:20px; display:block; font-weight:500; color:inherit; transition:all 0.4s ease;}
.edu_view .left_cont .detail_img  .btn_sample:hover {background:var(--white); color:var(--black); transition:all 0.4s ease;}
.edu_view .left_cont .detail_img  .btn_sample:hover::before {color:var(--black); transition:all 0.4s ease;}


.view_tit {margin:40px 0 37px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.view_tit h4 {font-size: 1.9444rem; font-weight: 700; line-height:128.571%; letter-spacing: -1.4px; color:var(--black);}
.view_tit h4 .cate {padding:7px 13px; display:inline-block; line-height:1.3; font-size:var(--fs16); color:var(--white); font-weight: 600; letter-spacing: -0.64px; background:var(--main); vertical-align:middle; margin-right:17px;}

.review_star {display:flex; flex-wrap:wrap; align-items:center;}
.review_star b {font-size: var(--fs16); font-weight: 600; line-height:137.5%; letter-spacing: -0.64px; color:var(--black); margin-left:5px; display:block;}
.starList {display:flex; flex-wrap:wrap; align-items:center;}
.starList li {line-height:1; display:block;}


.info_lnb {position:sticky; top:0; left:0; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid var(--border); background:var(--white); transition:all 1s ease; z-index:99;}
.info_lnb.scrolling_up {/* top:146px; */ transition:all 1s ease;}
.info_lnb li {margin-right:40px;}
.info_lnb li:last-of-type {margin-right:0;}
.info_lnb li a {position:relative; line-height:70px; display:block; font-size: var(--fs20); font-weight: 400; letter-spacing: -0.05rem; color:rgba(34,34,34,0.5); transition:all 0.4s ease;}
.info_lnb li a::after {content:''; width:0; height:3px; background:var(--main); position:absolute; bottom:-1px; left:0; transition:all 0.4s ease;}
.info_lnb li a b {display:inline-block; margin-left:5px; border-radius: 30px; background: var(--main); padding:4px 7px 4px 6px; box-sizing:border-box; color:var(--white); line-height:1; font-size:13px;  font-weight: 700; letter-spacing: -0.033rem; vertical-align:middle; position:relative; top:-1px;}

.info_lnb li a.active {color:var(--main); font-weight: 700; transition:all 0.4s ease;}
.info_lnb li a.active::after {width:100%; transition:all 0.4s ease;}


.pat90 {padding-top:90px;}
#edu_info {padding-top:40px;}
.edu_info {}
.edu_info .if_tit {font-size: var(--fs20); font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black); margin:30px 0 5px;}
.edu_info .if_tit:first-of-type {margin-top:0;}
.edu_info .if_cont {letter-spacing: -0.045rem; color:rgba(34,34,34,0.7);}

.fs25 {font-size: 1.3888rem; font-weight: 700; line-height:128%; letter-spacing: -0.063rem; color:var(--black); margin:0 0 20px;}

.edu_list {}
.edu_list dl {border:1px solid var(--border); box-sizing:border-box; border-bottom:0;}
.edu_list dl:last-of-type {border-bottom:1px solid var(--border);}
.edu_list dl .time {display:flex; flex-wrap:wrap; align-items:center; color:var(--black); font-size:var(--fs16); font-weight: 500; letter-spacing: -0.04rem;}
.edu_list dl .time::before {content:'\e855'; font-size:22px; color:inherit; font-family:var(--icon); display:block; margin-right:4px;}
.edu_list dl dt {position:relative; padding:20px 120px 20px 20px; box-sizing:border-box; background: var(--gray_opa7); cursor:pointer;}
.edu_list dl dt h4 {position:relative; font-weight: 500; letter-spacing: -0.72px; color:var(--black); padding-left:35px; box-sizing:border-box; width:100%;}
.edu_list dl dt h4::before {content:'\e5cf'; font-size:22px; color:var(--black); font-family:var(--icon); position:absolute; top:50%; left:0; margin-top:-15px; transition:all 0.4s ease;}
.edu_list dl.on dt h4::before {transform:rotate(180deg); transition:all 0.4s ease;}
.edu_list dl dt .time {position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.edu_list dl dd {padding:20px 30px; box-sizing:border-box; border-top:1px solid var(--border); }
.edu_list dl dd .timeline {position:relative; padding:10px 0; border-bottom:1px solid var(--border);}
.edu_list dl dd .timeline:first-of-type {padding-top:0;}
.edu_list dl dd .timeline:last-of-type {padding-bottom:0; border-bottom:0;}
.edu_list dl dd .timeline h5 {font-size: var(--fs16);font-weight: 500;line-height:175%;letter-spacing: -0.04rem;color:var(--black);width: 85%;}
.edu_list dl dd .timeline h5 i {font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; color:rgba(34,34,34,0.5); font-style:normal; display:inline-block; margin-right:10px;}
.edu_list dl dd .timeline .time {opacity:0.7; position:absolute; top:50%; right:0; transform:translateY(-50%);}


.book_list {}
.book_list dl {border:1px solid var(--border); box-sizing:border-box; display:flex; flex-wrap:Wrap; align-items:center; margin-bottom:30px;}
.book_list dl:last-of-type {margin-bottom:0;}
.book_list dl dt {width:calc(180px + 2px); margin:-1px 0 0 -1px; position:relative; z-index:10;  overflow:hidden; aspect-ratio: 3 / 4;}
.book_list dl dt img {display: block;width: 100%;height: 100%;object-fit: cover;transition:all .5s ease;margin-left: 0.1vw;}
.book_list dl dd {width:calc(100% - 181px); padding:20px 40px; box-sizing:border-box;}
.book_list dl dd h4 {font-size: 1.222rem; font-weight: 500; line-height:145.455%; letter-spacing: -0.055rem; color:var(--black);}
.book_list dl dd ul {margin:10px 0 16px;}
.book_list dl dd ul li {padding-left:85px; box-sizing:border-box; position:relative; color:rgba(34,34,34,0.7); letter-spacing:-0.045rem; margin:0 0 5px;}
.book_list dl dd ul li:last-of-type {margin:0;}
.book_list dl dd ul li span {position:absolute; top:0; left:0; color:var(--black); letter-spacing:inherit;}
.book_list dl dd .price {display:block; font-size: 1.222rem; font-weight: 700; line-height: 145.455%; letter-spacing:- 0.055rem; color:var(--main);}

.flex {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.flex .fs25 {margin:0;}
.review_list {}
.review_list dl {padding:32px 32px 38px; border:1px solid var(--border); box-sizing:border-box; margin-top:-1px;}
.review_list dl dt {display:flex; flex-wrap:wrap; align-items:center;}
.review_list dl dt .starList {margin-right:11px;}
.review_list dl dt span {opacity:0.5; color:var(--black); font-size:var(--fs16); display:flex; flex-wrap:wrap; align-items:center;}
.review_list dl dt span.name {letter-spacing: -0.04rem; }
.review_list dl dt span.name::before {content:'\e7fd'; color:inherit; font-size:22px; font-family:var(--icon); display:block; margin-right:3px;}
.review_list dl dt span.date::before {content:''; width: 1px; height: 16px; opacity:0.7; display:block; background:var(--black); margin:0 19px;}
.review_list dl dd {}
.review_list dl dd h4 {font-weight: 500; letter-spacing: -0.045rem; color:var(--black); margin:9px 0 3px;}
.review_list dl dd .stxt {letter-spacing: -0.04rem; color:rgba(34,34,34,0.7);}

/* 상품몰 > 후기 */
.review_style a.btn_review_regist {width: 60px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 5px; font-weight: 500; letter-spacing: -0.045rem;}
.review_style a.btn_review_regist {border:1px solid var(--main); background:var(--main); color:var(--white); transition:all 0.4s ease;}
.review_style a.btn_review_regist:hover {border: 1px solid var(--sub); background: var(--sub); color: var(--white); transition: all 0.4s ease;}
.review_style > a {float: right;}


.edu_view .right_cont {width:430px;}
.edu_view .right_cont .right_fixed {border:1px solid var(--border); padding:35px; box-sizing:border-box; position:sticky; top:20px; left:0; transition:all 1s ease;}
.edu_view .right_cont .right_fixed.scrolling_up {top:166px; transition:all 1s ease;}
.edu_view .right_cont .right_fixed ul {}
.edu_view .right_cont .right_fixed ul li {color:rgba(34,34,34,0.7); margin:0 0 5px; letter-spacing: -0.04rem; box-sizing:border-box; position:relative; width:100%; display:flex; flex-wrap:wrap;}
.edu_view .right_cont .right_fixed ul li:last-of-type {margin:0;}
.edu_view .right_cont .right_fixed ul li b {display:block ; width:fit-content; color:var(--black); letter-spacing:inherit; font-weight:400; word-break: break-all; padding-right:10px; box-sizing:border-box;}
.edu_view .right_cont .right_fixed ul li span {display:block ; word-break: break-all;}
.edu_view .right_cont .right_fixed ul li label {font-size:var(--fs16); margin-left:20px; letter-spacing: -0.045rem; }
.edu_view .right_cont .right_fixed ul li label input {top:-1px}

.edu_view .right_cont .right_fixed ul li  p.fs22 {display:flex; flex-wrap:wrap; align-items:center; font-weight: 700; line-height:145.455%; letter-spacing: -0.88px; font-size:var(--fs22);}
.edu_view .right_cont .right_fixed ul li  p.fs22 .cost {display:inline-block; margin-right:5px; font-size: 0.888rem; font-weight: 400; line-height:125%; letter-spacing: -0.64px; text-decoration: line-through; color:rgba(34,34,34,0.5); font-style:normal;}
.edu_view .right_cont .right_fixed ul li  p.fs22 .discount {display:inline-block; margin-left:5px; font-size: 0.888rem; font-weight: 700; line-height:175%; letter-spacing: -0.64px; color:var(--red); font-style:normal;}

.edu_view .right_cont .right_fixed ul li span.align {top:4px;}

.counter {display:flex; flex-wrap:wrap;}
.counter a {width:38px; height:38px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border:1px solid var(--border); box-sizing:border-box;}
.counter a::before {font-size:20px; color:rgba(34,34,34,0.5); font-family:var(--icon);}
.counter a.plus {border-radius: 5px 0px 0px 5px;}
.counter a.plus::before {content:'\e145';}
.counter a.minus {border-radius: 0px 5px 5px 0px;}
.counter a.minus::before {content:'\e15b';}
.counter input {width:52px; height:38px; border-radius:0; text-align:center; color:rgba(34,34,34,0.5); border-left:0; border-right:0;}

.edu_view .right_cont .right_fixed .select {margin:20px 0 0; color:rgba(34,34,34,0.7);}
.edu_view .right_cont .right_fixed .select.h_auto {height:auto;}

.selectBox2 * {box-sizing: border-box;}
.selectBox2 {position: relative; width: 100%; cursor: pointer; margin:5px 0 0;}
.selectBox2:first-of-type {margin:20px 0 0;}
.selectBox2 .label {position:relative; display: flex; align-items: center; width: inherit; height: inherit;border: 0 none; outline: 0 none; padding:13px 47px 13px 17px; cursor: pointer; background:var(--white); box-sizing:border-box; font-size: 1rem; font-weight: 400; line-height:155.556%; letter-spacing: -0.72px; color:rgba(34,34,34,0.7); border-radius: 5px; border: 1px solid var(--border); word-break: break-all; text-align:left !important;}
.selectBox2 .label::after {content:'\e313'; font-family:var(--icon); font-size:20px; top:50%; right:20px; position:absolute; margin-top:-13px; color:rgba(34,34,34,0.7);}
.selectBox2 .optionList {position: absolute;  top: calc(100% - 2px); left: 0; width: 100%; /* transform:translateY(100%); */ background:var(--white); overflow: hidden;  display:none; transition: .3s ease-in; z-index:60; border:1px solid var(--border); border-radius:0 0 5px 5px; padding:13px 17px; box-sizing:border-box;}
/* .selectBox2 .optionList::-webkit-scrollbar {width: 6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}*/ 
.selectBox2.active .optionList {display:block;}
.selectBox2 .optionItem {word-break: break-all; padding:0 !important; margin:0 0 5px;}
.selectBox2 .optionItem:last-of-type {margin:0;}


.edu_view .right_cont .right_fixed .total_price {margin:10px 0 0; background: var(--gray_bg); padding:25px 30px;}
.edu_view .right_cont .mall_right .total_price {margin:30px 0 0;}
.edu_view .right_cont .right_fixed .total_price dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 5px;}
.edu_view .right_cont .right_fixed .total_price dl dt {letter-spacing: -0.045rem; color:rgba(34,34,34,0.7);}
.edu_view .right_cont .right_fixed .total_price dl dd {font-weight: 500; letter-spacing: -0.045rem;}
.edu_view .right_cont .right_fixed .total_price dl dd.red {color:#BF2626;}
.edu_view .right_cont .right_fixed .total_price dl.last_total {padding-top:16px; margin-top:17px; border-top:1px solid var(--border); margin-bottom:0;}
.edu_view .right_cont .right_fixed .total_price dl.last_total dt {color: var(--black);}
.edu_view .right_cont .right_fixed .total_price dl.last_total dd {font-weight: 700; color: var(--main); font-size:1.222rem;}
.edu_view .right_cont .right_fixed .btnList {display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px 0 0;}
.edu_view .right_cont .right_fixed .btnList.only a {width:100%;}
.edu_view .right_cont .right_fixed .btnList a {width:calc(50% - 2px); height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-sizing:border-box; border-radius: 5px; font-weight: 500; letter-spacing: -0.045rem; transition:all 0.4s ease;}
.edu_view .right_cont .right_fixed .btnList a::before {font-size:22px; display:block; font-weight:400; font-family:var(--icon); margin-right:15px; transition:all 0.4s ease;}

.edu_view .right_cont .right_fixed .btnList a.btn_apply {border:1px solid var(--main); background:var(--main); color:var(--white); transition:all 0.4s ease;}
.edu_view .right_cont .right_fixed .btnList a.btn_apply::before {content:'\e323'; color:var(--white); transition:all 0.4s ease;}

.edu_view .right_cont .right_fixed .btnList a.btn_apply:hover {border:1px solid var(--sub); background:var(--sub); color:var(--white); transition:all 0.4s ease;}
.edu_view .right_cont .right_fixed .btnList a.btn_apply:hover::before {color:var(--white); transition:all 0.4s ease;}


.edu_view .right_cont .right_fixed .btnList a.btn_cart {border:1px solid var(--main); background:var(--white); color:var(--main); transition:all 0.4s ease;}
.edu_view .right_cont .right_fixed .btnList a.btn_cart::before {content:'\e854'; color:var(--main); transition:all 0.4s ease;}

.edu_view .right_cont .right_fixed .btnList a.btn_cart:hover {border:1px solid var(--black); background:var(--black); color:var(--white); transition:all 0.4s ease;}
.edu_view .right_cont .right_fixed .btnList a.btn_cart:hover::before {color:var(--white); transition:all 0.4s ease;}
.list_btn {width:100%; margin:60px 0 0;}
.list_btn a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:rgba(34,34,34,0.5); width:178px; height:60px; border:1px solid var(--border); border-radius: 5px; border: 1px solid var(--border);  font-weight: 500; letter-spacing: -0.72px; margin:0 auto;}
/********** ## 온라인교육 - 상세페이지 **********/


/****** 팝업 ******/
.no_scroll {overflow:hidden;}
#popUp {position:fixed; top:0; left:0; width:100%; height:var(--vh); display:flex; flex-wrap:wrap; align-content:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.8s ease; min-width:320px; z-index:9999999;}
#popUp .popMask {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34,34,34,0.8); z-index:-1; opacity:0; visibility:hidden; transition:all 0.8s ease;}
#popUp.view {opacity:1; visibility:visible; transition:all 0.8s ease;}
#popUp.view .popMask {opacity:1; visibility:visible; transition:all 0.8s ease;}
#popUp .popUp_in {position:relative; z-index:10; width:1180px; max-width:90%; height:100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; transform:scale(0.88); opacity:0; visibility:hidden; transition:all 0.8s ease;}
#popUp.view .popUp_in {transform:scale(1); opacity:1; visibility:visible; transition:all 0.8s ease; transition-delay:0.2s;}
#popUp .popUp_in .popClose {display:block; width:50px; margin:0 auto 10px;}
#popUp .popUp_in .popClose::before {content:'\e5cd'; font-size:50px; font-family:var(--icon); color:var(--white);}
#popUp .popUp_in .popContent {padding:50px; box-sizing:border-box; background:var(--white); width:100%;}
#popUp .popUp_in.w890 {width:890px; max-width:90%;}
#popUp .popUp_in .popContent .fs35 {color:var(--black); padding:0 0  11px;}
#popUp .popUp_in .popContent .fs35 span {display:inline-block; vertical-align:middle; padding:0 13px;  height:34px; font-size:var(--fs16); color:var(--white); margin-right:17px; line-height:34px; font-weight: 600;}
#popUp .popUp_in .popContent .fs35 span.type01 {background:var(--main);}
#popUp .popUp_in .popContent .fs35 span.type02 {background:var(--sub);}


.viewList {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 25px;}
.viewList li {color:rgba(34,34,34,0.7); letter-spacing: -0.04rem; display:flex; flex-wrap:wrap; align-items:center; }
.viewList li::after {content:''; width:1px; height:16px; background:rgba(34,34,34,0.2); display:block; margin:0 20px;}
.viewList li b {color:var(--black); margin-right:8px; letter-spacing:inherit; font-weight:500; display:block;}
.viewList li:last-of-type::after {display:none;}

#popUp .pop_btn_list {padding:35px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#popUp .pop_btn_list a {width: 178px; height: 60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight: 500; letter-spacing: -0.04rem; border-radius: 5px; margin-right:4px;}
#popUp .pop_btn_list a:last-of-type {margin-right:0;}
#popUp .pop_btn_list a.ver1 {border: 1px solid var(--border); background: var(--white); color:rgba(34,34,34,0.5);}
#popUp .pop_btn_list a.ver2 {border: 1px solid var(--main); background: var(--main); color:var(--white);}
#popUp .pop_btn_list a.ver2::before {content:'\e323'; font-size:22px; color:var(--white); display:block; font-family:var(--icon); margin-right:15px;}
#popUp .pop_btn_list a.ver2.no_ico::before {display:none;}
#popUp .pop_btn_list a.ver3 {border: 1px solid var(--blue_gray); background: var(--blue_gray); color:var(--white);}

.blank_content {background: var(--gray_opa7); padding:145px 0; border-bottom:1px solid var(--border); border-top:1px solid var(--border); text-align:center; font-size: 1.944rem; font-weight: 700; line-height: 128.571%; letter-spacing: -1.4px; color:rgba(34,34,34,0.3);}
/****** 팝업 ******/


.certi_pop {position:fixed; top:0; left:0; width:100%; height:var(--vh); background:rgba(0,0,0,0.7); z-index:999999; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column; display:none;}
.certi_pop .certi_close {width:50px; height:50px; margin:0 auto 10px;}
.certi_pop .certi_close::before {content:'\e5cd'; font-size:50px; color:var(--white); font-family:var(--icon); display:block; transition:all 0.4s ease;}
.certi_pop .certi_close:hover::before {transform:rotate(180deg); transition:all 0.4s ease;}
.certi_pop .fs35 {margin:0 0 35px;}
.certi_pop_in {max-width:890px; width:90%; padding:50px; box-sizing:Border-box; background:var(--white); max-height:70vh;}
.certi_pop_in .certi_scroll {height:calc(70vh - 190px); overflow-y:scroll; padding-right:10px; box-sizing:border-box;}
.certi_pop_in .certi_scroll::-webkit-scrollbar {width: 4px;}
.certi_pop_in .certi_scroll::-webkit-scrollbar-thumb {background-color: var(--black); border-radius: 5px;}
.certi_pop_in .certi_scroll::-webkit-scrollbar-track {background-color: var(--border); border-radius: 5px;}


.join_input {border-top:1px solid var(--black);}
.join_input dl {display:flex; flex-wrap:wrap; align-items:center; padding:15px 0; border-bottom:1px solid var(--border); width:100%;}
.join_input dl dt {width:145px; font-weight: 500; letter-spacing: -0.045rem; color:var(--black);}
.join_input dl dt b {color:var(--main); font-weight:500; display:inline-block; margin-left:4px;}
.join_input dl dd {display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 145px);}
.join_input dl dd .no_txt {font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:var(--main); margin:1px 0 0;}
.join_input dl dd.email_cont .input {width:calc((100% - 30px) / 3);}
.join_input dl dd.email_cont .select {width:calc((100% - 30px) / 3); margin-left:10px; border-left:1px solid var(--border);}
.join_input dl dd label {font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:rgba(34,34,34,0.7); display:inline-block; margin-left:20px;}
.join_input dl dd input, .join_input dl dd select {color:rgba(34,34,34,0.7);}
.join_input dl dd label {margin-right:20px; margin-left:0;}
.join_input dl dd .hyp {display:block; width:20px; text-align:center;}
.join_input dl dd .input_num {margin-right:4px; max-width:120px;}
.join_input dl dd .input_num.input:first-of-type {margin-left:4px;}
.join_input dl dd .input_num:last-of-type {margin-right:0;}
.join_input dl dd .input_m {max-width:330px;}
.join_input dl dd .add_num {max-width:190px; border-radius:5px 0 0 5px !important; border-right:0;}
.join_input dl dd .address_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 115px; height: 45px; font-size: var(--fs16); font-weight: 500; line-height:100%; letter-spacing: -0.64px; border-radius: 0px 5px 5px 0px; background: var(--blue_gray); color:var(--white);}
.join_input dl dd input[name="address1"] {margin:5px 0;}
.join_input dl dd .input_wdate {padding-left:40px; background:var(--white) url("/assets/responsive_new/certificate/img/calendar_icon.svg")no-repeat center left 13px;}
.join_input dl dd .textarea {width:100%; height:100px; border:1px solid var(--border); border-radius:5px; box-sizing:border-box; padding:10px; box-sizing:border-box;}

.join_input input::-webkit-input-placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}
.join_input input:-ms-input-placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}
.join_input input::placeholder {color:rgba(34,34,34,0.4); font-size:var(--fs16); letter-spacing: -0.038rem;}

.input-file { visibility: hidden; position: absolute;}
.upfile_input {width:100%;}
.upfile_input .input-group {width:100%; display:flex; flex-wrap:wrap;}
.upfile_input .form-control {width:calc(100% - 115px); background:var(--white); border-radius:5px 0 0 5px !important; border-right:0;}
.upfile_input .address_btn {border:0;}


.refund_cont {}
.refund_cont .input_s {width:calc(25% - 4px); max-width:100% !important; margin-right:4px;}
.refund_cont .input_m {width:75%; max-width:100% !important;}


.memBtn_list {margin:30px 0 0; display:flex; flex-wrap:Wrap; justify-content:center; }
.memBtn_list .btn {width: 178px; height: 60px; border-radius: 5px; background: var(--white); border:1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight: 500; letter-spacing: -0.72px; color:rgba(34,34,34,0.5); box-sizing:border-box; margin-right:4px;}
.memBtn_list .btn:last-of-type {margin-right:0;}
.memBtn_list .btn.ver_b {border:1px solid var(--main); color:var(--white); background:var(--main);}



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/********** ## 온라인교육 - 게시판 기본형 **********/
/* .thum_list dl dt {width:100%;} */
/* .thum_list dl dd {width:100%; padding-left:0; padding-top:25px;} */

.thum_list dl dd.info {width:calc(100% - 315px);}
.thum_list dl dd .tBox {padding-right:0;}
.thum_list dl dd.button {width:100%; margin:15px 0 0;}
.thum_list dl dd .btnList {width:100%; display:flex; flex-wrap:wrap;}
.thum_list dl dd .btnList a {width:calc((100% - 8px) / 3); margin-right:4px; margin-bottom:0;}
.thum_list dl dd .btnList a:last-of-type {margin-right:0;}
.thum_list dl dd .btnList a.btn_end {width:100%;}

.thum_list.ver_certi dl dd .btnList a {width:100%;}
.thum_list.ver_exam dl dd.info {width:100%;}

.thum_list.ver_mall dl dd.button {width:160px; margin:0;}
.thum_list.ver_mall dl dd .btnList a {width:100%; margin:0 0 5px;}
.thum_list.ver_mall dl dd .btnList a:last-of-type {margin:0;}
/********** ## 온라인교육 - 게시판 기본형 **********/


/********** ## 온라인교육 - 상세페이지 **********/
.view_tit .review_star {width:100%; justify-content:flex-start; margin:15px 0 0;}

.edu_view .left_cont {width:calc(100% - 360px);}
.edu_view .right_cont {width:360px; }
.edu_view .right_cont .right_fixed {padding:25px 20px;}
/********** ## 온라인교육 - 상세페이지 **********/


}
/*******************************************************************************
	@media 1200px
*******************************************************************************/
@media all and (max-width:1200px) { 

/********** ## 온라인교육 - 상세페이지 **********/
/* .info_lnb.scrolling_up {top:128px;} */

.thum_list dl {align-items:flex-start;}
.thum_list dl dt {width:200px !important;}
.thum_list.ver_mall dl dt {width:180px !important;}
.thum_list dl dd.info {width:calc(100% - 200px) !important; padding-left:20px;}

.thum_list.ver_exam dl {padding:20px;}
.thum_list.ver_exam dl dd.info {width:100% !important;}
.thum_list.ver_exam dl dd .tBox {padding-right:110px;}
.thum_list.ver_exam dl dd .tBox .price {right:0;}

.thum_list.ver_mall dl {align-items:center;}
.thum_list.ver_mall dl dd.info {width:calc(100% - 340px) !important;}
/********** ## 온라인교육 - 상세페이지 **********/

}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

#wrap {overflow:hidden;}
#popUp .record_list.short_record {max-height:calc(100% - 145px);}

/********** ## 온라인교육 - 게시판 기본형 **********/
.thum_list dl {position:relative;}
.thum_list dl dd .tBox {width:100%; padding-right:0;}

.thum_list dl dd .btnList a.btn_end {width:100%;}
.thum_list dl dd .tBox .edu_infoList li::after {margin:0 13px;}
.thum_list dl dd .tBox .bb_tit .cate {font-size:13px; padding:4px 12px; margin-right:10px;}
.thum_list dl dd .btnList a::before {margin-right:15px; font-size:18px;}

.thum_list dl dd.button {padding-top:40px;}
.thum_list dl dd .tBox .wdate_cont {position:absolute; bottom:72px; left:20px; width:calc(100% - 40px);}
.thum_list dl dd .tBox .wdate_cont .select {max-width:50%;}
.thum_list dl dd .tBox .wdate_cont .select.sm {max-width:50%;}

.thum_list dl dd .btnList label {width:50%; position:absolute; left:50%; bottom:78px; justify-content:flex-start; padding:0 10px; box-sizing:border-box;}


.thum_list.ver_certi dl dd.button {padding-top:0}

.thum_list.ver_mall dl dt {width:120px !important;}
.thum_list.ver_mall dl dd.info {width:calc(100% - 250px) !important;}
.thum_list.ver_mall dl dd.button {width:130px;}
/********** ## 온라인교육 - 게시판 기본형 **********/

/********** ## 온라인교육 - 게시판 갤러리형 **********/
.photo_list dl {width:calc((100% - 30px) / 3); margin:30px 15px 0 0;}
.photo_list dl:nth-of-type(-n+4) {margin-top:30px;}
.photo_list dl:nth-of-type(4n) {margin-right:15px;}

.photo_list dl:nth-of-type(-n+3) {margin-top:0;}
.photo_list dl:nth-of-type(3n) {margin-right:0;}

.photo_list dl dd {padding:18px 25px;}

.photo_list.ver_mall dl {width:calc((100% - 30px) / 3);}
.photo_list.ver_mall dl dd {padding:15px 15px 25px;}
.photo_list.ver_mall dl:nth-of-type(-n+5) {margin-top:30px;}
.photo_list.ver_mall dl:nth-of-type(5n) {margin-right:15px;}
.photo_list.ver_mall dl:nth-of-type(4n) {margin-right:15px;}
/********** ## 온라인교육 - 게시판 갤러리형 **********/


/********** ## 온라인교육 - 상세페이지 **********/
.info_lnb.scrolling_up {top:104px;}

.view_tit h4 {font-size:1.7rem;}
.edu_view .left_cont {width:100%; padding-right:0; /* margin-bottom:40px; */}
.edu_view .right_cont {width:100%; margin:0 0 55px;}
.info_lnb li {margin-right:20px;}

.edu_list dl dt {padding:15px 100px 15px 15px;}
.edu_list dl dt h4::before {margin-top:-12px;}

.book_list dl dd ul li {padding-left:70px;}

.edu_view .right_cont .right_fixed .btnList a {height:50px;}
/********** ## 온라인교육 - 상세페이지 **********/



/********** ## 자격증 과정 신청항목 **********/
/* .join_input dl dd label {width:100%; display:block; margin-left:0; margin-top:3px;} */
.join_input dl dd .address_btn {height:40px;}
/********** ## 자격증 과정 신청항목 **********/



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

/********** ## 온라인교육 - 게시판 기본형 **********/
.thum_list dl {padding:12px !important;}
.thum_list dl dd .tBox .edu_infoList li::after {height:13px; margin:0 8px;}
/* .thum_list dl dd .tBox .wdate_cont .select {max-width:180px;} */
.thum_list dl dd .tBox .wdate_cont label {margin-left:10px;}
.thum_list dl dd .btnList a {height:38px; font-size:12px;}
.thum_list dl dd .btnList a::before {font-size:15px; margin-right:5px;}
input[type="checkbox"].checked::before {font-size:17px;}

.thum_list dl dt {width:130px !important}
.thum_list dl dd.info {width:calc(100% - 130px) !important; padding-left:18px;}
.thum_list dl dd .tBox .bb_tit {margin:0 0 8px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.thum_list dl dd .tBox .bb_tit .cate {padding:3px 8px;}

.thum_list dl dd.button {padding-top:45px;}
.thum_list dl dd .tBox .wdate_cont {bottom:62px; left:12px;}
.thum_list dl dd .btnList label {bottom:69px;}

.thum_list dl dd .tBox p.fs22 {margin:8px 0 0;}

.thum_list.ver_exam dl dd .tBox {padding-right:0;}
.thum_list.ver_exam dl dd .tBox .price {position:relative; top:0; transform:translateY(0);}
.thum_list.ver_exam dl dd .tBox .bb_tit span {padding:0 12px; height:24px; line-height:24px;}
.thum_list.ver_exam dl dd .tBox .edu_infoList li {width:100%;}
.thum_list.ver_exam dl dd .tBox .edu_infoList li::after {display:none;}


.thum_list.ver_mall dl dt {width:80px !important;}
.thum_list.ver_mall dl dd.info {width:calc(100% - 80px) !important;}
.thum_list.ver_mall dl dd .tBox .bb_tit .sale {font-size:10px; padding:0 6px;}
.thum_list.ver_mall dl dd.button {width:100%; padding-top:8px;}
.thum_list.ver_mall dl dd .btnList {display:flex; flex-wrap:wrap; justify-content:space-between;}
.thum_list.ver_mall dl dd .btnList a {width:calc((100% - 4px) / 2); margin:0;}
/********** ## 온라인교육 - 게시판 기본형 **********/


/********** ## 온라인교육 - 게시판 갤러리형 **********/
.photo_list dl {width:calc((100% - 10px) / 2); margin:20px 10px 0 0;}
.photo_list dl dd {padding:15px 20px;}
.photo_list dl dd .price {font-size:1.15rem; margin:6px 0 0;}

.photo_list dl:nth-of-type(-n+4) {margin-top:20px;}
.photo_list dl:nth-of-type(4n) {margin-right:10px;}

.photo_list dl:nth-of-type(-n+3) {margin-top:20px;}
.photo_list dl:nth-of-type(3n) {margin-right:10px;}

.photo_list dl:nth-of-type(-n+2) {margin-top:0;}
.photo_list dl:nth-of-type(2n) {margin-right:0;}

.photo_list.ver_mall dl {width:calc((100% - 10px) / 2);}
.photo_list.ver_mall dl:nth-of-type(-n+5) {margin-top:20px;}
.photo_list.ver_mall dl:nth-of-type(5n) {margin-right:10px;}
.photo_list.ver_mall dl:nth-of-type(4n) {margin-right:0;}

/********** ## 온라인교육 - 게시판 갤러리형 **********/


/********** ## 온라인교육 - 상세페이지 **********/
.starList li img {max-width:17px; height:auto;}

.view_tit {margin:20px 0;}
.view_tit h4 {font-size:1.5rem;}
.view_tit h4 .cate {padding:5px 12px; margin-right:12px;}
.view_tit .review_star {margin:6px 0 0; justify-content:flex-start;}

.edu_view .left_cont .detail_img .btn_sample {bottom:10px; right:10px; width:118px; height:38px;}
.edu_view .left_cont .detail_img .btn_sample::before {margin-right:15px; font-size:16px;}

.fs25 {margin:0 0 10px;}
.info_lnb.scrolling_up {top:57px;}
.info_lnb li {margin-right:16px;}
.info_lnb li a {line-height:50px;}
.info_lnb li a b {font-size:11px; padding:3px 5px; margin-left:3px;}

.pat90 {padding-top:60px;}
.edu_info .if_tit {margin-top:20px; margin-bottom:5px;}


.edu_list dl dt {padding:10px 80px 10px 12px;}
.edu_list dl dt h4 {padding-left:27px; font-size:1.142rem;}
.edu_list dl dt h4::before {margin-top:-14px; font-size:20px;}
.edu_list dl .time::before {font-size:18px;}
.edu_list dl dt .time {right:12px;}
.edu_list dl dd {padding:15px 20px;}

.book_list {display:flex; flex-wrap:wrap; }
.book_list dl {width:calc((100% - 15px) / 2); margin-right:15px; margin-bottom:15px;}
.book_list dl:nth-of-type(2n) {margin-right:0;}
.book_list dl dt {width:100%; margin:0;}
.book_list dl dd {width:100%; padding:12px 16px;}
.book_list dl dd h4 {font-size:1.142rem; font-weight: 500;}
.book_list dl dd ul {margin:4px 0;}
.book_list dl dd ul li {padding-left:0px; margin:0 0 2px;}
.book_list dl dd ul li:first-of-type {color:var(--black);}
.book_list dl dd ul li span {display:none;}

.review_list dl {padding:20px 20px 23px;}
.review_list dl dt span.name::before {font-size:18px;}
.review_list dl dt span.date::before {height:13px; margin:0 10px;}
.review_list dl dd h4 {margin:8px 0; font-size:1.142rem;}

.edu_view .right_cont .right_fixed {padding:20px;}
.edu_view .right_cont .right_fixed ul li {margin:0 0 3px;}
/* .edu_view .right_cont .right_fixed ul li label {margin-left:0; width:100%; margin-top:2px; display:block;} */
.edu_view .right_cont .right_fixed ul li label {margin-left:10px;}
.edu_view .right_cont .right_fixed .btnList a {height:40px;}
.edu_view .right_cont .right_fixed .total_price {padding:15px 20px;}
.edu_view .right_cont .right_fixed .total_price dl dd {font-size:1.142rem;}
.edu_view .right_cont .right_fixed .total_price dl.last_total {padding-top:10px; margin-top:12px;}
.edu_view .right_cont .right_fixed .total_price dl.last_total dd {font-size:1.285rem;}
.edu_view .right_cont .right_fixed .btnList a::before {font-size:18px; margin-right:5px;}
.edu_view .right_cont .right_fixed .select {margin:16px 0 0;}
.edu_view .right_cont .right_fixed .btnList {margin:10px 0 0;}
.edu_view .right_cont .right_fixed ul li b {width:60px;}
.edu_view .right_cont .right_fixed ul li span {width:calc(100% - 60px);}

.edu_view .right_cont .mall_right .total_price {margin:15px 0 0;}

.counter a {width:32px; height:32px;}
.counter input {width:40px; height:32px;}

.list_btn {margin:40px 0 0;}
.list_btn a {width:110px; height:42px;}


/********** ## 온라인교육 - 상세페이지 **********/


/****** 모의고사 응시 및 결과 ******/
#popUp .popUp_in .popClose::before {font-size:30px;}
#popUp .popUp_in .popContent {padding:20px;}
#popUp .record_list {max-height:calc(100% - (var(--scr_h) + 26px));}
#popUp .record_list.short_record {max-height:calc(100% - 110px);}
#popUp .pop_btn_list a {width:140px; height:50px;}
#popUp .popUp_in .popContent .fs35 span {padding:0 8px; margin-right:10px; height:28px; line-heighT:28px; font-size:12px;}

.viewList li::after {margin:0 10px; height:12px;}

.blank_content {padding:50px 0; font-size:1.3rem;}

#popUp .pop_btn_list {padding:20px 0 0;}
#popUp .pop_btn_list a {width:125px; height:44px;}
#popUp .pop_btn_list a::before {font-size:18px; margin-right:10px;}
/****** 모의고사 응시 및 결과 ******/



/********** ## 자격증 과정 신청항목 **********/
.certi_pop .fs35 {margin:0 0 15px;}
.certi_pop_in {padding:20px 25px;}

.certi_pop .certi_close {width:30px; height:30px;}
.certi_pop .certi_close::before {font-size:30px;}


.join_input dl {padding:10px 0;}
.join_input dl dt {width:100%; margin:0 0 5px;}
.join_input dl dd {width:100%;}
.join_input dl dd .no_txt {width:100%; font-size:12px;}
.join_input dl dd .input_m {max-width:80%;}
.join_input dl dd .input_num {max-width:calc((100% - 8px) / 3);}

.join_input dl dd .add_num {max-width:100%; width:calc(100% - 90px);}
.join_input dl dd .address_btn {height:36px; width:90px;}
.upfile_input .form-control {width:calc(100% - 90px);}
.join_input dl dd .input_wdate {background-size:17px auto;}
/********** ## 자격증 과정 신청항목 **********/

.memBtn_list {margin:20px 0 0;}
.memBtn_list .btn {width:calc((100% - 4px) / 2); height:46px;}


}
/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px) { 

/* .thum_list dl dd .tBox .wdate_cont .select {max-width:120px;} */
.thum_list dl dt {width:80px !important}
.thum_list dl dd.info {width:calc(100% - 80px) !important; padding-left:15px;}

.thum_list dl dd .tBox p b {width:100%; display:block; margin-right:0;}

.thum_list.ver_certi dl dd .tBox .edu_infoList {margin:5px 0 10px;}
.thum_list.ver_certi dl dd .tBox .edu_infoList li {width:100%;}
.thum_list.ver_certi dl dd .tBox .edu_infoList li::after {display:none;}

}