/* -------------------- common -------------------- */
body{padding: 0; margin: 0;}
button{padding: 0; border: none; background: none; cursor: pointer;}
section{min-height: unset;}

.teacherHome{position: relative; line-height: 1;}
.teacherHome *{
	margin: 0; padding: 0; border: 0;
	line-height: inherit; font-family: 'Noto Sans KR' !important; letter-spacing: -0.02em; box-sizing: border-box;
}
.w-1080 {width:1080px; margin:0 auto;}
.w-1100 {width:1100px; margin:0 auto;}
.se-title{font-size: 24px; font-weight: 700;}
.bg-dummy{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 100;}
.txc-gray {color: #A2A2A2 !important;}

/* checkbox */
.dft-check-box{display: flex;}
.dft-check-box input[type="checkbox"]{width: 20px; height: 20px; margin: 0; background-color: #fff; border: 1px solid #888; flex-shrink: 0; appearance: none; cursor: pointer;}
.dft-check-box input[type="checkbox"]:checked{background: #fff url('/images/course/icon/ico_check.png') 0 0 / 36px 18px no-repeat;}
.dft-check-box input[type="checkbox"]:checked:disabled{background-position-x: -18px;}
.dft-check-box input[type="checkbox"]:disabled{background-color: #ddd; border-color: #ddd; cursor: default;}
.dft-check-box input[type="checkbox"]:disabled + label{color: #888;}
.dft-check-box label{font-size: 14px; font-weight: 500; margin-left: 8px; line-height: 1.3em;}

/* modal */
.modal-box{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 24px; background-color: #fff; border-radius: 5px; z-index: 101;}
.modal-box .txt{font-size: 16px; line-height: 1.4em; text-align: center;}
.modal-box .phone-wrap{display: flex; justify-content: center; align-items: center; gap: 12px; width: 100%; margin-top: 20px;}
.modal-box .phone-wrap .mid{width: 8px; height: 2px; background-color: #ddd;}
.modal-box .phone-wrap .inp_num{width: 72px; padding: 5px 0; color: #000; font-size: 16px; font-weight: 700; text-align: center; border-bottom: 2px solid #ddd;}

/* button */
.dft-btn{display: flex; align-items: center; justify-content: center; width: 144px; height: 48px; color: #333; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none !important; border: 1px solid #ddd; border-radius: 5px;}
.dft-btn.dft-btn-slim{width: 115px; height: 32px; font-weight: 500; border-radius: 4px;}
.dft-btn:disabled{color: #fff !important; background-color: #A2A2A2 !important; border-color: #A2A2A2 !important; cursor: default;}
.dft-btn:hover, .dft-btn:visited{color: #333;}
.dft-btn.btn-primary{color: #fff; background-color: #4655F1; border-color: #4655F1;}
.dft-btn.btn-bk{color: #fff; background-color: #464646; border-color: #464646;}

/* scroll-area */
.dft-scroll-area{overflow-y: auto;}
.dft-scroll-area::-webkit-scrollbar{width: 2px; background-color: #f2f2f2;}
.dft-scroll-area::-webkit-scrollbar-thumb{background-color: #A2A2A2;}

/* pagination */
.dft-pagination{display: flex; justify-content: center; align-items: center; gap: 10px;}
.dft-pagination ol{display: flex; gap: 10px;}
.dft-pagination ol li{font-size: 0;}
.dft-pagination ol li a{color: #707070; font-size: 13px; font-weight: 300;}
.dft-pagination ol li.current a{color: #4655F1; font-weight: 700;}
.dft-pagination .a-prev{width: 18px; height: 18px; background: url('/images/course/icon/ico_angle_46.svg') center / 100% no-repeat; transform: rotate(90deg);}
.dft-pagination .a-next{width: 18px; height: 18px; background: url('/images/course/icon/ico_angle_46.svg') center / 100% no-repeat; transform: rotate(270deg);}

/* fold-area */
.dft-fold-area .btn-fold{display: block; width: 32px; height: 32px; background: url('/images/course/icon/ico_angle.svg') 0 center / cover no-repeat; transition: transform 0.4s; font-size: 0; text-indent: -9999px; flex-shrink: 0; margin-left: 20px;}
.dft-fold-area .btn-fold.act{transform: rotate(180deg);}

/* tab */
.dft-tab{display: flex;}
.dft-tab li{flex-grow: 1; flex-basis: 0;}
.dft-tab li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; color: #888; font-size: 14px; text-align: center; text-decoration: none; background-color: #FAFAFA; border: 1px solid #ddd;}
.dft-tab li.act a{color: #fff; font-weight: 700; background-color: #333; border-color: #333;}
.dft-sub-tab{display: flex; border-bottom: 1px solid #dcdcdc;}
.dft-sub-tab li{width: 144px; border: 1px solid #dcdcdc; border-width: 1px 1px 0 0;}
.dft-sub-tab li:first-child{border-left: 1px solid #dcdcdc;}
.dft-sub-tab li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; color: #333; font-size: 14px; font-weight: 500; line-height: 1.3em; text-align: center; text-decoration: none;}
.dft-sub-tab li.act a{color: #fff; font-weight: 700; background-color: #4655F1;}
.dft-sub-cont .cont{display: none;}

/* ¾Ë¸² */
.dft-noti{padding: 7px 16px; background-color: #F3F3F3;}
.dft-noti p{position: relative; color: #6D6D6D; font-size: 12px; line-height: 1.4em; padding-left: 26px;}
.dft-noti p::before{display: block; position: absolute; top: 0; left: 0; width: 18px; line-height: 18px; color: #fff; text-align: center; background-color: #6D6D6D; border-radius: 50%; content: '!';}
.dft-noti02{padding: 16px 24px; border: 1px solid #464646;}
.dft-noti02 li{position: relative; padding-left: 10px; color: #666; font-size: 14px; line-height: 1.4em; margin: 5px 0;}
.dft-noti02 li::before{display: block; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background-color: #666; border-radius: 50%; content: '';}


/* -------------------- visual -------------------- */
.visual-wrap{overflow: hidden; position: relative; color: #333; background-color: #F3F3F3;}
.visual-wrap .container{display: flex; position: relative;}
.visual-wrap .lft-menu{width: 170px; padding-top: 48px; margin-right: 24px; padding-bottom: 30px; flex-shrink: 0;}
.visual-wrap .lft-menu .subj{font-size: 20px;}
.visual-wrap .lft-menu .name{font-size: 24px; font-weight: 700; margin-top: 10px; margin-bottom: 5px;}
.visual-wrap .lft-menu .mnu-list li{border-top: 1px solid #ddd;}
.visual-wrap .lft-menu .mnu-list li:first-child{border-top: none;}
.visual-wrap .lft-menu .mnu-list li a{display: block; padding: 20px 0; color: #333; font-size: 16px; font-weight: 500; text-decoration: none;}
.visual-wrap .lft-menu .mnu-list li a::before{display: inline-block; width: 0; height: 12px; background: url('/images/course/icon/ico_triangle.png') 0 center no-repeat; opacity: 0; transition: opacity 0.4s, width 0.4s; content: '';}
.visual-wrap .lft-menu .mnu-list li a:hover::before{width: 16px; opacity: 1;}
.visual-wrap .lft-menu .link-list .icon{display: block; width: 32px; height: 32px; background-color: #fff; border-radius: 5px; transition: box-shadow 0.4s;}
.visual-wrap .lft-menu .link-list .icon img{display: block; width: 100%; height: 100%; object-fit: cover;}
.visual-wrap .lft-menu .link-list a:hover .icon{box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.visual-wrap .lft-menu .link-list .type-icon{display: flex; flex-wrap: wrap; gap: 8px;}
.visual-wrap .lft-menu .link-list .type-txt li{margin-bottom: 8px;}
.visual-wrap .lft-menu .link-list .type-txt li a{display: flex; align-items: center; text-decoration: none;}
.visual-wrap .lft-menu .link-list .type-txt li p{color: #888; font-size: 14px; font-weight: 500; margin-left: 8px; transition: color 0.4s;}
.visual-wrap .lft-menu .link-list .type-txt li a:hover p{color: #333;}
.visual-wrap .main-cnt{
	display: flex; justify-content: space-between; flex-grow: 1;
	position: relative; min-height: 628px; background-image: linear-gradient(90deg, #99BAF2 432px, transparent 0);
}
.visual-wrap .main-cnt .lft{position: relative; min-width: 280px; max-width: 325px; margin: 170px 0 0 24px; z-index: 1;}
.visual-wrap .main-cnt .rgt{position: relative; padding-top: 48px; width: 278px; z-index: 1;}
.visual-wrap .main-cnt .rgt .m-in:nth-child(2){transition-delay: 0.1s !important;}
.visual-wrap .main-cnt .rgt .m-in:nth-child(3){transition-delay: 0.2s !important;}
.visual-wrap .main-cnt .rgt .m-in:nth-child(4){transition-delay: 0.3s !important;}
.visual-wrap .main-cnt .rgt #main-vod .thmb{width: 100%; height: 156px;}
.visual-wrap .main-cnt .slogan{position: absolute; top: -20px; left: 0; transform: translateY(-100%); color: #fff; font-size: 20px; font-weight: 700; line-height: 1.35em;}
.visual-wrap .main-cnt .subj-name{display: flex; flex-wrap: wrap; gap: 0 12px; font-size: 48px; font-weight: 700; line-height: 1.15em;}
.visual-wrap .main-cnt .btn-wrap{display: flex; gap: 8px; margin-top: 24px;}
.visual-wrap .main-cnt .btn-wrap .a-btn{
	display: flex; align-items: center; justify-content: center; min-width: 88px; height: 36px; padding: 0 15px;
	color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; border: 1px solid #fff; transition: background-color 0.4s, color 0.4s;
}
.visual-wrap .main-cnt .btn-wrap .a-btn:hover{background-color: #fff; color: #333;}
.visual-wrap .main-cnt .service-wrap{margin-top: 100px;}
.visual-wrap .main-cnt .service-wrap ul{width: 180px;}
.visual-wrap .main-cnt .service-wrap ul li{position: relative; padding-left: 22px; border-top: 1px solid rgba(255,255,255,.2);}
.visual-wrap .main-cnt .service-wrap ul li::before{display: block; position: absolute; top: 11px; left: 0; width: 14px; height: 14px; background: url('/images/course/icon/ico_pencil_line.png') 0 center no-repeat; content: '';}
.visual-wrap .main-cnt .service-wrap ul li:first-child{border-top: none;}
.visual-wrap .main-cnt .service-wrap ul li a{display: block; padding: 9px 0; color: #333; font-size: 16px; font-weight: 700; line-height: 1.3em; text-decoration: none;}
.visual-wrap .main-cnt .service-wrap ul li:hover a{color: #fff;}
.visual-wrap .main-cnt .service-wrap ul li:hover::before{background-position-x: 100%;}
.visual-wrap .photo{position: absolute; bottom: 0; left: 325px; pointer-events: none;}
.visual-wrap .main-cnt.main-team ~ .photo{left: 440px;}
.visual-wrap .main-cnt.subj-01{background-image: linear-gradient(90deg, #99BAF2 432px, transparent 0);} /* ±³À°ÇÐ */
.visual-wrap .main-cnt.subj-02{background-image: linear-gradient(90deg, #FCB6BC 432px, transparent 0);} /* À¯¾Æ,Ãʵî */
.visual-wrap .main-cnt.subj-03{background-image: linear-gradient(90deg, #9F8AFF 432px, transparent 0);} /* Áßµî */
.visual-wrap .main-cnt.subj-04{background-image: linear-gradient(90deg, #A2C178 432px, transparent 0);} /* Áßµî(»çȸ°úÇÐ) */
.visual-wrap .main-cnt.subj-05{background-image: linear-gradient(90deg, #FCB463 432px, transparent 0);} /* º¸°Ç,Ư¼ö */
.visual-wrap .main-cnt.subj-08{background-image: linear-gradient(90deg, #7FD5AE 432px, transparent 0);} /* ³í¼ú,¸éÁ¢ */

/* board-frame */
.board-frame-box{padding: 16px; flex: 1; min-width: 0;}
.board-frame-box .title-area{display: flex; align-items: center; justify-content: space-between; height: 25px; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #ddd;}
.board-frame-box .title-area .tit{color: #333; font-size: 16px; font-weight: 700;}
.board-frame-box .title-area .a-more{display: block; position: relative; width: 18px; height: 18px; border: 1px solid #ddd;}
.board-frame-box .title-area .a-more::before{display: block; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: url('/images/course/icon/ico_plus_solid.svg') center no-repeat; transition: transform 0.4s; content: '';}
.board-frame-box .title-area .a-more:hover::before{transform: rotate(180deg);}
.board-frame-box .board-list li{display: flex; margin-top: 5px;}
.board-frame-box .board-list li a{display: inline-flex; position: relative; max-width: 100%; color: #464646; font-size: 14px; line-height: 1.5em; text-decoration: none;}
.board-frame-box .board-list li a:hover::before{display: block; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background-color: #ddd; content: '';}
.board-frame-box .board-list li .txt{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board-frame-box .board-list .i-new{color: #FF6B61; font-size: 10px; font-weight: 700; margin-left: 3px; margin-top: -3px; flex-shrink: 0;}
.board-frame-box .board-list .writer{color: #A2A2A2; font-size: 12px; flex-shrink: 0;}
.board-frame-box .board-list.type-wtr li a{display: flex; justify-content: space-between; width: 100%;}
.board-frame-box .board-list.type-wtr li .txt{max-width: 75%;}
.board-vod-list{display: flex; gap: 8px; padding-top: 5px;}
.board-vod-list .vod-box{flex-grow: 1; flex-basis: 0;}
.board-vod-list .vod-box a{display: flex; align-items: center; height: 100%; text-decoration: none;}
.board-vod-list .vod-box .thmb{position: relative; width: 160px; height: 90px; flex-shrink: 0;}
.board-vod-list .vod-box .thmb img{display: block; width: 100%; height: 100%; object-fit: cover;}
.board-vod-list .vod-box .thmb::before{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0; transition: background-color 0.4s, opacity 0.4s; content: '';}
.board-vod-list .vod-box .thmb::after{display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; background: url('/images/course/icon/ico_play_circle.svg') center/cover no-repeat; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.4s; content: '';}
.board-vod-list .vod-box a:hover .thmb::before,
.board-vod-list .vod-box a:hover .thmb::after{opacity: 1;}
.board-vod-list .vod-box .sub-txt{color: #333; font-size: 12px; line-height: 1.2em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; white-space: pre-line;}
.board-vod-list .vod-box .sub-txt:not(:empty){margin-left: 8px;}
#main-vod .board-vod-list{padding-top: 0;}
#main-vod .thmb::before{opacity: 1; background-color: rgba(0,0,0,.2);}
#main-vod .thmb::after{opacity: 1;}
#main-vod .thmb-in-txt{position: absolute; right: 16px; bottom: 8px; width: 90%; color: #fff; font-size: 14px; text-align: right; line-height: 1.6em; word-break: keep-all; opacity: 0; transition: opacity 0.4s;}
#main-vod .thmb-in-txt strong{display: block; font-size: 20px;}
#main-vod a:hover .thmb::before{background-color: rgba(0,0,0,.7);}
#main-vod a:hover .thmb-in-txt{opacity: 1;}

/* grid-wrap */
.frame-grid-wrap{display: flex; gap: 24px;}
.frame-grid-wrap .board-frame-box{margin: 40px 0;}
.frame-grid-wrap + .frame-grid-wrap .board-frame-box{margin-top: 0;}
.frame-grid-wrap #main-vod{flex-grow:0; flex-basis: 344px; padding: 0 16px 0;}
.frame-grid-wrap #main-vod .thmb{width: 100%; height: 172px;}

/* quick-right */
.quick-right{position: absolute; top: 40px; left: 50%; transform: translateX(572px); z-index: 2;}
.quick-right li a{display: block;}
.quick-right li a img{display: block;}
.quick-right .set-banr li{margin-top: -1px;}
.quick-right .add-banr li{margin-bottom: 10px;}



/* -------------------- ¶ì¹è³Ê -------------------- */
.mid-banner{position: relative; height: 150px; margin: 0 auto;}
.mid-banner .swiper{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px;}
.mid-banner .swiper .swiper-slide{height: 150px;}
.mid-banner .swiper img{display: block; width: 100%; height: 100%;}
.mid-banner .swiper-pagination{top: 14px; bottom: unset; left: 50%; transform: translateX(calc(540px - 100% - 6px)); width: unset;}
.mid-banner .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0 6px !important; opacity: 1; background-color: #A2A2A2;}
.mid-banner .swiper-pagination-bullet-active{background-color: #fff;}



/* -------------------- ·¹À̾î Æ˾÷ -------------------- */
.layer-pop-wrap{display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;}
.layer-pop-wrap .pop-box{display: none; background-color: #fff; padding: 32px 24px; max-width: 950px; border: 1px solid #A2A2A2; box-shadow: 4px 4px 16px rgba(0,0,0,.2);}
.layer-pop-wrap .pop-box .top{display: flex; justify-content: space-between; margin-bottom: 16px;}
.layer-pop-wrap .pop-box .top.under-line{padding-bottom: 8px; border-bottom: 1px solid #333;}
.layer-pop-wrap .pop-box .top .btn-x{display: block; width: 24px; height: 24px; padding: 4px; margin-right: -4px; margin-top: 4px; flex-shrink: 0;}
.layer-pop-wrap .pop-box .top .btn-x svg{width: 100%; height: 100%; stroke-width: 2px; stroke: #000;}
.layer-pop-wrap .pop-box .tit1{color: #5B68ED; font-size: 26px; font-weight: 300; line-height: 1.3em; word-break: keep-all; white-space: pre-line;}
.layer-pop-wrap .pop-box .tit2{color: #000; font-size: 16px; font-weight: 700; line-height: 1.4em;}
.layer-pop-wrap .pop-box .scroll-area{max-height: 550px; overflow-y: auto;}
.layer-pop-wrap .pop-box .scroll-area::-webkit-scrollbar{width: 2px; background-color: #f2f2f2;}
.layer-pop-wrap .pop-box .scroll-area::-webkit-scrollbar-thumb{background-color: #A2A2A2;}
.layer-pop-wrap .sub-list{color: #000; margin: 24px 0;}
.layer-pop-wrap .sub-list dt{position: relative; font-size: 14px; font-weight: 500; padding-left: 10px;}
.layer-pop-wrap .sub-list dt::before{display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 50%; content: '';}
.layer-pop-wrap .sub-list dd{font-size: 14px; font-weight: 300; line-height: 1.5em; margin: 4px 0; word-break: keep-all;}
.layer-pop-wrap .pop-box .video-area{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.layer-pop-wrap .pop-box .video-area iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* -------------------- Ä¿¸®Å§·³ -------------------- */
.curri-wrap .group{display: flex; gap: 8px; margin-top: 16px;}
.curri-wrap .group .rgt{flex-grow: 1; display: flex; flex-direction: column; gap: 8px;}
.curri-wrap .group .rgt > li{display: flex; gap: 8px; flex-grow: 1;}
.curri-wrap .group .box{display: flex; align-items: center; justify-content: center; min-height: 76px; padding: 14px; text-align: center; line-height: 1.5em; border: 1px solid #ddd; border-radius: 5px;}
.curri-wrap .group .box.tit-box{width: 200px; min-height: 160px; color: #fff; background-color: #4551D1; border:none; flex-shrink: 0;}
.curri-wrap .group:nth-child(1) .tit-box{background-color: #4DB4E4;}
.curri-wrap .group:nth-child(2) .tit-box{background-color: #529CE8;}
.curri-wrap .group:nth-child(3) .tit-box{background-color: #5684EA;}
.curri-wrap .group:nth-child(4) .tit-box{background-color: #5970EC;}
.curri-wrap .group:nth-child(5) .tit-box{background-color: #4551D1;}
.curri-wrap .group .box.tit-box h4{font-size: 24px; font-weight: 700;}
.curri-wrap .group .box.tit-box .month{display: inline-block; min-width: 68px; margin-top: 12px; padding: 0 10px; color: #fff; font-size: 16px; line-height: 27px; text-align: center; border: 1px solid #fff; border-radius: 16px;}
.curri-wrap .group .box.lecture{width: 200px; color: #000; font-size: 16px; font-weight: 700; background-color: #F6F6F6; flex-shrink: 0;}
.curri-wrap .group .box.txt{justify-content: unset; padding-left: 40px; padding-right: 40px; font-size: 14px; text-align: left; flex-grow: 1; word-break: keep-all;}
.home-curri-wrap{position: relative;}
.home-curri-wrap.fold{overflow: hidden; max-height: 630px;}
.home-curri-wrap.fold::before{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 500px; background: linear-gradient(0deg,#fff 40%, transparent 100%); content: ''; z-index: 2;}
.home-curri-wrap .btn-more{
	display: flex; align-items: center; justify-content: center; width: 300px; height: 36px; margin: 50px auto 0; z-index: 3;
	color: #464646; font-size: 16px; background-color: #fff; border: 1px solid #464646;
}
.home-curri-wrap .btn-more span{display: block; text-align: center; width: 50px;}
.home-curri-wrap .btn-more::after{
	display: inline-block; width: 22px; height: 22px; background: url('/images/course/icon/ico_angle_46.svg') center / 100% no-repeat; transform: rotate(180deg); transition: transform 0.4s; content: '';
}
.home-curri-wrap .btn-more.fold{position: absolute; bottom: 140px; left: 50%; transform: translateX(-50%);}
.home-curri-wrap .btn-more.fold::after{transform: rotate(0);}



/* -------------------- home-tab -------------------- */
.home-tab{background-color: #f2f2f2;}
.home-tab .container{display: flex; height: 64px;}
.home-tab .hd-box{flex-shrink: 0; width: 200px;}
.home-tab .hd-box .teacher-name{display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 18px; text-align: center; background-color: #464646; border-radius: 5px;}
.home-tab .hd-box .select.teacher-name{position: relative; width: 100%; border: none; cursor: pointer;}
.home-tab .hd-box .select.teacher-name .inner::after{display: inline-block; width: 20px; height: 20px; margin-bottom: -2px; margin-right: -2px; background: url('/images/course/icon/ico_angle_w.png') center no-repeat; content: '';}
.home-tab .hd-box .select.teacher-name .options{display: none; position: absolute; top: calc(100% + 5px); left: 0; width: 100%; color: #333; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; z-index: 1;}
.home-tab .hd-box .select.teacher-name .options a{display: block; padding: 14px 0; color: #A2A2A2; text-decoration: none; transition: color 0.4s, background-color 0.4s;}
.home-tab .hd-box .select.teacher-name .options a:not(:first-child){border-top: 1px solid #ddd;}
.home-tab .hd-box .select.teacher-name .options a:hover{color: #5B68ED; background-color: #F2F6FF;}
.home-tab ul{display: flex; width: 100%;}
.home-tab ul li{flex-grow: 1; position: relative;}
.home-tab ul li:not(:first-child)::after{display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; background-color: #ddd; transform: translateY(-50%); content: '';}
.home-tab ul li a{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; color: #333; font-size: 16px; text-align: center; font-weight: 500; line-height: 1.3em; word-break: keep-all; text-decoration: none; transition: color 0.4s;}
.home-tab ul li a:hover,
.home-tab ul li.act a{color: #5B68ED;}
.home-tab ul li.act a::before{display: block; position: absolute; bottom: 0; left: 2px; width: calc(100% - 4px); height: 4px; background-color: #5B68ED; content: '';}
.home-maintab-wrap{height: 64px;}
.home-maintab-wrap.fixed .home-tab{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}


/* ±âŸ */
.flt-btm{display: none; position: fixed; left: calc(50% + 620px); bottom: 100px; z-index: 10;}
.flt-btm .btn-top{width: 48px; height: 48px; padding-bottom: 5px; color: #464646; font-size: 12px; font-weight: 500; background-color: #fff; border: 1px solid #ddd; transition: background-color 0.4s, box-shadow 0.4s; border-radius: 50%;}
.flt-btm .btn-top::before{display: block; width: 16px; height: 16px; margin: 0 auto; background: url('/images/course/icon/ico_angle_46.svg') center / 100% no-repeat; transform: rotate(180deg); content: '';}
.flt-btm .btn-top:hover{background-color: #f9f9f9; box-shadow: 0 3px 6px rgba(0,0,0,.2);}



/* -------------------- ¼ö°­½Åû -------------------- */
.lecture-list-wrap{position: relative; margin-bottom: 56px;}
.lecture-list-wrap .top-area{display: flex; justify-content: space-between; align-items: center; padding-bottom: 4px; border-bottom: 2px solid #333;}
.lecture-list-wrap .top-area h4{font-size: 20px; font-weight: 700;}
.lecture-list-wrap .top-area .btn-fold{width: 32px; height: 32px; background: url('/images/course/icon/ico_angle.svg') 0 center / cover no-repeat; transition: transform 0.4s; font-size: 0; text-indent: -9999px;}
.lecture-list-wrap .top-area .btn-fold.act{transform: rotate(180deg);}
.lecture-list-wrap .top-area .btn-switch{width: 32px; height: 32px; font-size: 0; text-indent: -9999px;}
.lecture-list-wrap .top-area .btn-switch.view-thmb{background: url('/images/course/icon/ico_grid.png') center no-repeat;}
.lecture-list-wrap .top-area .btn-switch.view-list{background: url('/images/course/icon/ico_list.png') center no-repeat;}
.lecture-list-wrap .dft-course-list{position: relative;}
.lecture-list-wrap .dft-course-list .btn-cart{
	width: 48px; height: 48px;
	background: url('/images/course/icon/ico_cart.png') -1px center / 96px 48px no-repeat; background-color: #5B68ED; border-radius: 50%; border: 2px solid #5B68ED;
}
.lecture-list-wrap .dft-course-list .btn-cart:not(:disabled):hover{background-color: #fff; background-position-x: -49px;}
.lecture-list-wrap .dft-course-list .btn-cart:disabled{background-color: #A2A2A2; border-color: #A2A2A2; cursor: default;}
.lecture-list-wrap .dft-course-list .btn-small{padding: 0 8px; color: #fff; font-size: 12px; line-height: 20px; background-color: #464646; border-radius: 14px;}
.lecture-list-wrap .dft-course-list .btn-sample-big{width: 110px; line-height: 32px; font-size: 14px; text-align: center; font-weight: 700; border: 1px solid #707070; border-radius: 2px; transition: box-shadow 0.4s;}
.lecture-list-wrap .dft-course-list .btn-sample-big:not(:disabled):hover{box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.lecture-list-wrap .dft-course-list .btn-sample-big:disabled{color: #f7f7f7; background-color: #ddd; border-color: #ddd; cursor: default;}
.lecture-list-wrap .dft-course-list .btn-sample{width: 64px; line-height: 20px; font-size: 13px; text-align: center; background-color: #fff; border: 1px solid #707070; border-radius: 2px; transition: box-shadow 0.4s;}
.lecture-list-wrap .dft-course-list .btn-sample:not(:disabled):hover{box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.lecture-list-wrap .dft-course-list .btn-sample:disabled{color: #f7f7f7; background-color: #ddd; border-color: #ddd; cursor: default;}
.lecture-list-wrap .sum-box dt{font-size: 14px; font-weight: 700; line-height: 1.3em;}
.lecture-list-wrap .sum-box dd{font-size: 14px; font-weight: 500; text-align: right;}
.lecture-list-wrap .sum-box dd .price:not(:first-child){margin-top: 10px;}
.lecture-list-wrap .sum-box dd .btn-restock{display: block; color: #5B68ED; font-size: 12px; font-weight: 500; text-decoration: underline; margin-top: 8px;}
.lecture-list-wrap .sum-box dd strong{font-weight: 700;}
.lecture-list-wrap .sum-box dd .through{position: relative; color: #A2A2A2; padding: 0 12px 0 2px; margin-right: 5px; background: url('/images/course/icon/ico_arrow_small.png') right 6px no-repeat;}
.lecture-list-wrap .sum-box dd .through::before{display: block; position: absolute; left: 0; top: 9px; width: calc(100% - 12px); height: 1px; background-color: #A2A2A2; z-index: 1; content: '';}
.lecture-list-wrap .inc-lectures ul > li:not(:first-child){margin-top: 15px;}
.lecture-list-wrap .inc-lectures .tit{font-weight: 700; word-break: keep-all;}
.lecture-list-wrap .inc-lectures .inform ol{display: flex; align-items: center; justify-content: space-between; width: 130px;}
.lecture-list-wrap .inc-lectures .inform ol > li{display: flex; justify-content: space-between; align-items: center; flex-grow: 2; color: #888; font-size: 12px; font-weight: 700;}
.lecture-list-wrap .inc-lectures .inform ol > li:not(:last-child)::after{display: block; content: '';}
.lecture-list-wrap .inc-lectures .inform ol > li:not(:first-child)::before{display: block; width: 1px; height: 16px; background-color: #888; transform: translateX(-1px); content: '';}
.lecture-list-wrap .inc-lectures .inform ol > li:first-child{justify-content: flex-start; flex-grow: 1;}
.lecture-list-wrap .inc-lectures .inform ol > li:last-child{justify-content: space-between; flex-grow: 1; width: 32px;}
.lecture-list-wrap .inc-lectures .bonus-list{margin: 3px 0;}
.lecture-list-wrap .inc-lectures .bonus-list dl{display: flex;}
.lecture-list-wrap .inc-lectures .bonus-list dl dt{flex-shrink: 0; color: #FF6B61; font-size: 14px; margin-right: 8px;}
.lecture-list-wrap .inc-lectures .bonus-list dl dd{flex-grow: 1;}
.lecture-list-wrap .inc-lectures .bonus-list ul > li{padding-left: 20px; color: #464646; font-size: 14px; background: url(/images/course/icon/ico_plus_circle.svg) 0 3px / 13px no-repeat;}
.lecture-list-wrap .inc-lectures .bonus-list ul > li:not(:first-child){margin-top: 3px;}
.lecture-list-wrap .list-more-area{position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: linear-gradient(to bottom, transparent 0%, #fff 60%); z-index: 1;}
.lecture-list-wrap .list-more-area .btn-list-more{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.lecture-list-wrap .btn-list-more{display: flex; align-items: center; justify-content: center; width: 300px; height: 36px; color: #fff; font-size: 16px; background-color: #464646; border-radius: 2px; transition: box-shadow 0.4s;}
.lecture-list-wrap .btn-list-more:hover{box-shadow: 0 3px 6px rgba(0,0,0,.2);}
.lecture-list-wrap .btn-list-more::after{display: block; width: 16px; height: 16px; margin-left: 4px; background: url('/images/course/icon/ico_angle_w.png') center / 16px no-repeat; content: '';}
.lecture-list-wrap .extra-area .ex-tbl{width: 100%; color: #333; border-top: 1px solid #ddd; border-collapse:collapse;}
.lecture-list-wrap .extra-area .ex-tbl tr{border-bottom: 1px solid #ddd;}
.lecture-list-wrap .extra-area .ex-tbl th{width: 175px; padding: 16px 24px; text-align: center; font-weight: 500; font-size: 14px; background-color: #F2F2F2;}
.lecture-list-wrap .extra-area .ex-tbl td{padding: 16px 24px; background-color: #fff; font-size: 14px; line-height: 1.5em;}

/* ¼ö°­½Åû ¾ÆÀÌÄÜ */
.i-badge{display: inline-block; color: #333; padding: 3px 4px; height: 20px !important; font-size: 12px !important; font-weight: 400 !important; line-height: 100% !important; background-color: #fff; border-radius: 2px; border: 1px solid #888; flex-shrink: 0;}
.i-badge:hover[title]{cursor: help;}
.i-badge.i-badge-big{width: 110px; height: 34px !important; font-size: 14px !important; font-weight: 700 !important; text-align: center; line-height: 26px !important;}
.i-badge.i-badge-solid{color: #fff; background-color: #5B68ED; border-color: #5B68ED;}
.i-badge.i-badge-solid-w{color: #5B68ED; background-color: #fff; border-color: #5B68ED;}
.i-badge.i-badge-shade{color: #6A73D4; background-color: #EEF0FF; border-color: #EEF0FF;}
.i-badge.i-badge-aqua{color: #fff; background-color: #20B0E3; border-color: #20B0E3;}
.i-badge.i-badge-lavender{color: #fff; background-color: #9195C1; border-color: #9195C1;}
.i-badge.i-badge-dustb{color: #fff; background-color: #83ACBB; border-color: #83ACBB;}
.i-badge.i-badge-blue{color: #fff; background-color: #2D73E9; border-color: #2D73E9;}
.i-badge.i-badge-powderb{color: #fff; background-color: #99BAF2; border-color: #99BAF2;}
.i-badge.i-badge-mint{color: #fff; background-color: #61C0A6; border-color: #61C0A6;}
.i-badge.i-badge-salmon{color: #fff; background-color: #FF8667; border-color: #FF8667;}
.i-badge.i-badge-cobalt{color: #fff; background-color: #5189FA; border-color: #5189FA;}
.i-badge.i-badge-red{color: #fff; background-color: #E22B13; border-color: #E22B13;}
.i-badge.i-badge-red-w{color: #E22B13; background-color: #fff; border-color: #E22B13;}
.i-badge.i-badge-coral{color: #fff; background-color: #FF6B61; border-color: #FF6B61;}
.i-badge.i-badge-org{color: #fff; background-color: #FF8B17; border-color: #FF8B17;}
.i-badge.i-badge-gray{color: #fff; background-color: #A2A2A2; border-color: #A2A2A2;}
.i-badge.i-badge-gray-w{color: #A2A2A2; background-color: #fff; border-color: #A2A2A2;}
.i-badge.i-badge-bk{color: #fff; background-color: #333; border-color: #333;}
.i-badge.i-badge-w-line{color: #000; background-color: #fff; border-color: #000;}
.i-chip{display: inline-block; width: 16px; line-height: 16px; color: #fff; font-size: 12px !important; font-weight: 400 !important; text-align: center; background-color: #A2A2A2; border-radius: 50%;}
.i-chip:hover[title]{cursor: help;}
.i-chip.i-chip-cobalt{color: #fff; background-color:#5189FA;}
.i-chip.i-chip-magenta{color: #fff; background-color:#FB0060;}

/* ¸ñ·ÏÇü */
.course-type-list .li-content{padding: 24px 0; border-bottom: 1px solid #ddd;}
.course-type-list.list-bdt .li-content:first-child{border-top: 1px solid #ddd;}
.course-type-list .li-content .lft{width: 400px;}
.course-type-list .li-content .rgt{display: flex; align-items: center; gap: 24px; padding-right: 24px; flex-shrink: 0;}
.course-type-list .li-content h5{font-size: 18px; font-weight: 700; line-height: 1.4em;}
.course-type-list .li-content h5 a{color: inherit;}
.course-type-list .li-content p.sub{color: #888; font-size: 14px; line-height: 1.4em; margin-top: 4px;}
.course-type-list .li-content .mid p{line-height: 1.4em;}
.course-type-list .li-content .mid .act{display: block; color: #FF6B61; font-weight: 700; margin-bottom: 3px;}
.course-type-list .li-content .btn-detail{position: relative; margin-top: 24px; color: #333; font-size: 12px; font-weight: 500; line-height: 23px; padding: 0 22px 0 8px; border: 1px solid #DCDCDC; transition: color 0.4s;}
.course-type-list .li-content .btn-detail::after{display: block; position: absolute; top: 5px; right: 3px; width: 14px; height: 14px; background: url('/images/course/icon/ico_angle.svg') 0 center / cover no-repeat; transition: transform 0.4s; content: '';}
.course-type-list .li-content .btn-detail.act{color: #5B68ED;}
.course-type-list .li-content .btn-detail.act::after{transform: rotate(180deg); background-position-x: 100%;}
.course-type-list .sum-box{width: 260px;}
.course-type-list .extra-area{display: none; padding: 24px; font-size: 14px; line-height: 1.5em; background-color: #F2F2F2; margin-top: 9px;}
.course-type-list .extra-area *{font-size: 14px; line-height: 1.5em;}

/* ½æ³×ÀÏÇü */
.course-type-thmb .li-content{width: 258px;}
.course-type-thmb .li-content:nth-child(n+5){ margin-top: 56px;}
.course-type-thmb .li-content .frame{display: block; position: relative; width: 100%; height: 192px; margin-bottom: 16px; background-color: #F5F5F5; transition: box-shadow 0.4s;}
.course-type-thmb .li-content .frame::before{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index: 2; opacity: 0; transition: opacity 0.4s; content: '';}
.course-type-thmb .li-content .frame img{display: block; width: 100%; height: 100%; object-fit: cover;}
.course-type-thmb .li-content .frame .pos-box{position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; width: 100%;}
.course-type-thmb .li-content .frame .badge-group{flex-wrap: wrap; width: 100%; margin-bottom: 16px;}
.course-type-thmb .li-content .frame .btn-cart{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.4s; z-index: 3;}
.course-type-thmb .li-content .frame .thmb-txt{width: 45%; padding-left: 16px; color: #333; font-size: 14px; font-weight: 700; line-height: 1.4em; word-break: keep-all; overflow-wrap: break-word;}
.course-type-thmb .li-content .frame:hover::before{opacity: 1;}
.course-type-thmb .li-content .frame:hover .btn-cart{opacity: 1;}
.course-type-thmb .li-content .btm .tit-box{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 8px; margin-bottom: 8px;}
.course-type-thmb .li-content .btm .tit-box h5{width: 100%; font-size: 18px; font-weight: 700; line-height: 1.3em; word-break: keep-all; overflow-wrap: break-word;}
.course-type-thmb .li-content .btm .tit-box h5 a{color: inherit;}
.course-type-thmb .li-content .btm .tit-box .sub{color: #a2a2a2; font-size: 14px; font-weight: 500; flex-grow: 1; text-align: right;}
.course-type-thmb .li-content .btm .sum-box{padding-top: 8px; border-top: 1px solid #ddd;}
.course-type-thmb .li-content .btm .sub-box{border-top: 1px solid #ddd; padding-bottom: 8px;}
.course-type-thmb .li-content .btm .sub-box .act{display: block; color: #FF6B61; font-weight: 700; margin-bottom: 4px;}
.course-type-thmb .li-content .inc-lectures:not(:empty){margin-bottom: 8px;}
.course-type-thmb .li-content .btm .btn-detail{
	display: block; color: #a2a2a2; font-size: 12px; font-weight: 500; text-align: right; text-decoration: none;
	margin-top: 15px; padding-right: 12px; background: url('/images/course/icon/ico_angle_a2.svg') 100% center / 6px no-repeat;
}
.course-type-thmb .extra-area{padding: 24px 16px; background-color: #F5F5F5;}
.course-type-thmb .extra-area,
.course-type-thmb .extra-area *{font-size: 14px; line-height: 1.5em;}

/*  »çÀ̵å¹Ù  */
.flt-side{position: absolute; top: 60px; right: 50%; transform: translateX(-620px); z-index: 1; transition: top 0.4s;}
.flt-side.fix{position: fixed; top: 100px;}
.step-area{overflow: hidden; width: 58px; text-align: center; border: 1px solid #ddd; border-radius: 5px;}
.step-area .tit{color: #a2a2a2; font-size: 14px; font-weight: 700; background-color: #fff; padding: 10px 0;}
.step-area ul li{border-top: 1px solid #ddd;}
.step-area ul li a{
	display: flex; align-items: center; justify-content: center; min-height: 58px; padding: 5px; transition: color 0.4s, background-color 0.4s;
	color: #333; font-size: 14px; font-weight: 500; line-height: 1.3em; background-color: #fff; text-decoration: none; word-break: keep-all;
}
.step-area ul li.sp a{color: #5B68ED; background-color: #EEF0FF;}
.step-area ul li.pak a{color: #fff; background-color: #5B68ED;}
.step-area ul li.act a{color: #fff !important; background-color: #636363 !important;}

/* °¡°Ý Ç¥±â - °­Á */
.lecture-price strong{font-weight: 700;}
.lecture-price .price:not(:first-child){margin-top: 10px;}
.lecture-price.flex .price{margin-top: 0; white-space: nowrap;}
.lecture-price .btn-restock{display: block; color: #5B68ED; font-size: 12px; font-weight: 500; text-decoration: underline; margin-top: 8px;}
.lecture-price .through{position: relative; color: #A2A2A2; padding: 0 12px 0 2px; margin-right: 5px; background: url('/images/course/icon/ico_arrow_small.png') right calc(50% + 0.5px) no-repeat;}
.lecture-price .through::before{display: block; position: absolute; left: 0; top: calc(50% - 0.5px); width: calc(100% - 12px); height: 1px; background-color: #A2A2A2; z-index: 1; content: '';}

/* °¡°Ý Ç¥±â - ±³Àç */
.textbook-price{color: #333; font-size: 14px; flex-shrink: 0;}
.textbook-price .through{color: #888; text-decoration: line-through;}
.textbook-price .dc{color: #5B67ED;}
.textbook-price .btn-restock{display: block; color: #5B68ED; font-size: 12px; font-weight: 500; text-decoration: underline; margin-top: 8px;}



/* -------------------- ±³Àç -------------------- */
.list-textbook-wrap{border-top: 1px solid #ddd;}
.list-textbook-wrap .li-content{padding: 32px 0; border-bottom: 1px solid #ddd;}
.list-textbook-wrap .li-content .frame{width: 200px; height: 226px; background-color: #F2F2F2; margin-right: 32px; flex-shrink: 0;}
.list-textbook-wrap .li-content .frame img{display: block; width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
.list-textbook-wrap .infoes{display: flex; flex-wrap: wrap; gap: 5px 10px;}
.list-textbook-wrap .infoes li{color: #888; font-size: 14px; font-weight: 300; line-height: 1.1em;}
.list-textbook-wrap .infoes li:not(:first-child){padding-left: 10px; border-left: 1px solid #888;}
.list-textbook-wrap .book-btn-area .bbtn{display: block; width: 115px; height: 37px; padding-left: 35px; font-size: 15px; font-weight: 700; background: 13px center / 24px no-repeat; border: 1px solid #707070; border-radius: 4px;}
.list-textbook-wrap .book-btn-area .bbtn.btn-1{background-image: url('/images/course/icon/icon_book_paper.png');}
.list-textbook-wrap .book-btn-area .bbtn.btn-2{background-image: url('/images/course/icon/icon_book_lec.png');}
.list-textbook-wrap .book-btn-area .bbtn.btn-3{color: #fff; background-color: #000; background-image: url('/images/course/icon/icon_book_apply.png'); border-color: #000;}
.list-textbook-wrap .book-btn-area .bbtn.btn-4{color: #fff; background-color: #000; padding: 0; text-align: center; border-color: #000;}
.list-textbook-wrap .book-btn-area .bbtn.btn-5{color: #fff; background-color: #000; background-image: url('/images/course/icon/icon_book_ebook.png'); border-color: #000;}
.list-textbook-wrap .book-btn-area .bbtn:disabled{background-color: #A2A2A2; border-color: #A2A2A2; cursor: default;}
.qty-box{display: flex; align-items: center; position: relative; width: 88px; height: 30px; border: 1px solid #DCDCDC; border-radius: 4px; box-sizing: border-box;}
.qty-box a{display: block; position: relative; width: 28px; height: 100%;}
.qty-box .btn-plus::before,
.qty-box .btn-plus::after,
.qty-box .btn-minus::after{position: absolute;top: 50%;margin-top: -1px;width: 10px;height: 2px;background-color: #000;content: '';}
.qty-box .btn-plus::before{right: 7px;}
.qty-box .btn-plus::after{right: 7px;transform: rotate(90deg);}
.qty-box .btn-minus::after{left: 7px;}
.qty-box .inp_qty{width: 30px; height: 100%; color: #000;font-size: 14px;font-weight: 800;text-align: center;border: none; background: none;}



/* -------------------- »õâ Æ˾÷ -------------------- */
.win-pop-wrap{width: 100%; min-width: 600px; max-width: 1080px; margin: 0 auto;}
.win-pop-wrap *{font-family: 'Noto Sans KR' !important; line-height: 1; letter-spacing: -0.02em; box-sizing: border-box;}
.win-pop-wrap .container{margin: 0 auto; padding: 0 24px;}
.win-pop-wrap .pop-tit{color: #5B68ED; font-size: 26px; font-weight: 300;}
.win-pop-wrap .top-box{padding: 32px 0; background-color: #5D6AEC;}
.win-pop-wrap .top-box .pop-tit{color: #fff;}

/* ±³Àç¼±Åà Æ˾÷ */
.selection-textbook-wrap{padding: 25px 0 60px;}
.selection-textbook-wrap .subj-box{display: flex; align-items: start; }
.selection-textbook-wrap .subj-box .i-badge{margin: 2px 8px 0 0;}
.selection-textbook-wrap .subj-box h3{line-height: 1.3em;}
.selection-textbook-wrap .book-list{padding: 24px 16px; background-color: #F5F5F5;}
.selection-textbook-wrap .book-list .lec-area{display: flex; padding-bottom: 8px; margin-bottom: 16px; border-bottom: 1px solid #333;}
.selection-textbook-wrap .book-list .lec-area p{font-size: 14px; line-height: 1.3em;}
.selection-textbook-wrap .book-list .lec-area.bonus{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.selection-textbook-wrap .book-list .lec-area.bonus h4{
	color: #FF6B61; font-size: 14px; line-height: 1.3em; font-weight: 400; margin-right: 8px; padding-left: 24px;
	background: url('/images/course/icon/ico_plus_circle.svg') 0 2px / 15px no-repeat; flex-shrink: 0;
}
.selection-textbook-wrap .book-list .lec-area + .group{margin-top: 0 !important; border-top: none !important; padding-top: 0 !important;}
.selection-textbook-wrap .book-list .group{display: flex; flex-direction: column; gap: 24px;}
.selection-textbook-wrap .book-list .group:not(:first-child){padding-top: 16px; margin-top: 16px; border-top: 1px solid #ddd;}
.selection-textbook-wrap .book-list .cnt-book{display: flex; justify-content: space-between; margin-top: 16px;}
.selection-textbook-wrap .book-list .cnt-book:first-child{margin-top: 0;}
.selection-textbook-wrap .book-list .no-book{color: #888; font-size: 14px; font-weight: 500;}
.selection-textbook-wrap .book-list .textbook-price{margin-left: 35px; padding-top: 3px; text-align: right;}
.selection-textbook-wrap .book-chk input[type="checkbox"]:disabled + label .icon{color: #888; border-color: #888; pointer-events: none;}
.selection-textbook-wrap .book-chk .link-open{display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url('/images/course/icon/ico_arrow_up_squre.png') center no-repeat; flex-shrink: 0;}
.selection-textbook-wrap .total-box{display: flex; justify-content: space-between; align-items: center; height: 80px; margin-top: 24px; padding: 0 16px; color: #fff; font-size: 14px; font-weight: 500; background-color: #464646;}
.selection-textbook-wrap .total-box .rgt strong{font-size: 20px; font-weight: 700;}

/* ±³Àç»ó¼¼ Æ˾÷ */
.details-textbook-wrap{padding-bottom: 40px;}
.details-textbook-wrap .info-area{display: flex; padding-bottom: 24px; border-bottom: 1px solid #ddd;}
.details-textbook-wrap .info-area .frame{width: 120px; height: 136px; margin-right: 16px; background-color: #F2F2F2; flex-shrink: 0;}
.details-textbook-wrap .info-area .frame img{display: block; width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
.details-textbook-wrap .info-area .rgt{flex-grow: 1; padding-top: 5px;}
.details-textbook-wrap .info-area .rgt > ul > li{display: flex; align-items: center; font-size: 14px;}
.details-textbook-wrap .info-area .rgt > ul > li *{line-height: 1.3em;}
.details-textbook-wrap .info-area .rgt > ul > li.mid{margin: 16px 0; padding: 16px 0; border: 1px solid #ddd; border-width: 1px 0; column-gap: 24px;}
.details-textbook-wrap .info-area .rgt > ul > li.mid span{display: flex; align-items: center;}
.details-textbook-wrap .info-area .rgt > ul > li.mid span::before{display: inline-block; width: 1px; height: 16px; margin-right: 24px; background-color: #a2a2a2; content: '';}
.details-textbook-wrap .info-area .rgt > ul > li.mid span:first-child::before{display: none;}
.details-textbook-wrap .content-area,
.details-textbook-wrap .content-area *{font-size: 14px; line-height: 1.5em; word-break: keep-all; white-space: normal;}
.details-textbook-wrap .table-wrap table{width: 100%; color: #464646; border-collapse: collapse;}
.details-textbook-wrap .table-wrap table thead th{height: 40px; font-size: 14px; font-weight: 700; background-color: #FAFAFA; border-bottom: 1px solid #ddd;}
.details-textbook-wrap .table-wrap table tbody td{height: 38px; font-size: 12px; text-align: center; line-height: 1.3em; padding: 8px 16px; border-bottom: 1px solid #ddd;}
.details-textbook-wrap .table-wrap table thead th:not(:first-child),
.details-textbook-wrap .table-wrap table tbody td:not(:first-child){border-left: 1px solid #ddd;}


/* -------------------- °­Á »ó¼¼ÆäÀÌÁö -------------------- */
.lecture-detail-wrap{padding-top: 36px; color: #333;}
.lecture-detail-wrap .btn-back{position: absolute; top: 0; left: -50px; width: 32px; height: 32px; background: url('/images/course/icon/ico_angle.svg') 0 0 / cover no-repeat; transform: rotate(90deg); border: 1px solid #ddd;}
.lecture-detail-wrap .top-area{display: flex; justify-content: space-between; gap: 36px; margin-bottom: 40px;}
.lecture-detail-wrap .top-area .thmb{display: block; position: relative; width: 376px; height: 280px; background-color: #F5F5F5; flex-shrink: 0;}
.lecture-detail-wrap .top-area .thmb img{display: block; width: 100%; height: 100%; object-fit: cover;}
.lecture-detail-wrap .top-area .thmb-video::before{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0.2; transition: background-color 0.4s, opacity 0.4s; content: '';}
.lecture-detail-wrap .top-area .thmb-video::after{display: block; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; background: url('/images/course/icon/ico_play_circle.svg') center/cover no-repeat; transform: translate(-50%, -50%); content: '';}
.lecture-detail-wrap .top-area .thmb-video:hover::before{opacity: 0.75;}
.lecture-detail-wrap .top-area .thmb-youtube iframe{display: block; width: 100%; height: 100%;}
.lecture-detail-wrap .top-area .thmb .txt{position: absolute; top: 36px; left: 24px; width: 40%; color: #333; font-size: 18px; font-weight: 700; line-height: 1.4em; word-break: keep-all; overflow-wrap: break-word;}
.lecture-detail-wrap .top-area .rgt{flex-grow: 1; padding-top: 24px; border-top: 2px solid #333;}
.lecture-detail-wrap .top-area .btn-sample{width: 86px; height: 36px; font-size: 14px; font-weight: 500; border: 1px solid #ddd; border-radius: 2px; transition: box-shadow 0.4s;}
.lecture-detail-wrap .top-area .btn-sample:disabled{color: #f7f7f7; background-color: #ddd; border-color: #ddd; cursor: default;}
.lecture-detail-wrap .top-area .btn-sample:not(:disabled):hover{box-shadow: 0 0 8px rgba(0,0,0,.2);}
.lecture-detail-wrap .top-area .title{font-size: 24px; font-weight: 700; line-height: 1.4em; min-height: 68px;}
.lecture-detail-wrap .top-area .link-home{display: flex; align-items: center; position: relative; height: 32px; color: #000; font-size: 18px; text-decoration: none; padding-right: 40px;}
.lecture-detail-wrap .top-area .link-home::before{display: block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background-color: #F2F2F2; transition: width 0.4s; border-radius: 25px; z-index: -1; content: '';}
.lecture-detail-wrap .top-area .link-home::after{display: block; position: absolute; top: -1px; right: 0; width: 32px; height: 32px; background: url('/images/course/icon/icon_sns_home.png') center no-repeat; content: '';}
.lecture-detail-wrap .top-area .link-home:hover::before{width: calc(100% + 12px);}
.lecture-detail-wrap .top-area .cell-box{margin-top: 13px; border-top: 1px solid #ddd;}
.lecture-detail-wrap .top-area .cell-box dl{display: flex; align-items: center; padding: 5px 0; min-height: 52px; flex-grow: 1; border-bottom: 1px solid #ddd;}
.lecture-detail-wrap .top-area .cell-box dl dt{font-size: 14px; padding-right: 30px; flex-shrink: 0;}
.lecture-detail-wrap .top-area .cell-box dl dd{font-size: 14px; font-weight: 700;}
.lecture-detail-wrap .top-area .cell-box .row-2 dl{flex-basis: 50%;}
.lecture-detail-wrap .top-area p.sub{color: #666; font-size: 12px; line-height: 1.5em;}
.lecture-detail-wrap .top-area p.sub strong{color: #333; font-weight: 500;}

/* tab */
.lecture-detail-wrap .home-tab-wrap{height: 64px; margin-top: 100px;}
.lecture-detail-wrap .home-tab-wrap.fixed .home-tab{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}

.lecture-detail-wrap .sub-page-wrap .cont-area{padding-top: 74px;}
.lecture-detail-wrap .cont-area .title-box{display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px; border-bottom: 2px solid #333;}
.lecture-detail-wrap .cont-area .title-box .tit{font-size: 20px; font-weight: 700; line-height: 1.4em;}
.lecture-detail-wrap .cont-area .contents-none{padding: 20px 24px; margin-top: 8px; color: #464646; font-size: 14px; font-weight: 700; background-color: #FAFAFA;}
.lecture-detail-wrap .cont-area .extra-box{font-size: 14px; line-height: 1.5em; padding: 24px; background-color: #F2F2F2;}
.lecture-detail-wrap .cont-area .extra-box *{font-size: 14px; line-height: 1.5em;}

/* ÇÒÀμö°­TIP */
.lecture-detail-wrap .cont-dc .sub{padding: 20px 24px; background-color: #F5F6FB;}
.lecture-detail-wrap .cont-dc .sub .txt{color: #464646; font-size: 14px; line-height: 1.4em; word-break: keep-all;}
.lecture-detail-wrap .cont-dc .fold-box{padding-bottom: 15px; border-bottom: 1px solid #333;}
.lecture-detail-wrap .cont-dc .list-wrap{padding-right: 10px; margin-top: 8px;}
.lecture-detail-wrap .cont-dc .list{margin-top: 16px;}
.lecture-detail-wrap .cont-dc .list .top{padding-bottom: 8px; font-size: 16px;}
.lecture-detail-wrap .cont-dc .list .top .percent span{color: #4655F1; font-weight: 500;}
.lecture-detail-wrap .cont-dc .table-wrap table{width: 100%; color: #464646; font-size: 12px; text-align: center; border-collapse: collapse;}
.lecture-detail-wrap .cont-dc .table-wrap table thead th{padding: 8px; font-weight: 700; line-height: 1.4em; background-color: #FAFAFA; border: 1px solid #ddd;}
.lecture-detail-wrap .cont-dc .table-wrap table tbody td{padding: 8px; line-height: 1.4em; border: 1px solid #ddd;}

/* °­ÁÂ,±³Àç */
.lecture-detail-wrap .cont-lec .list{padding: 16px 24px; border-bottom: 1px solid #ddd; margin-bottom: 0;}
.lecture-detail-wrap .cont-lec .list.bonus-list{padding-top: 24px; background-color: #FAFAFA;}
.lecture-detail-wrap .cont-lec .list.bonus-list .bonus-tit{color: #FF6B61; font-size: 14px; padding-left: 20px; margin-bottom: 5px; background: url(/images/course/icon/ico_plus_circle.svg) 0 1px / 13px no-repeat;}
.lecture-detail-wrap .cont-lec .list h4{width: 90px; font-size: 15px; font-weight: 700; text-align: center; line-height: 1.3em; flex-shrink: 0; padding: 7px 0;}
.lecture-detail-wrap .cont-lec .list .contents{display: flex; justify-content: space-between; padding: 8px 0;}
.lecture-detail-wrap .cont-lec .list .contents label a{color: #333;}
.lecture-detail-wrap .cont-lec .list .contents .inform{display: flex; margin-left: 16px;}
.lecture-detail-wrap .cont-lec .list .contents .inform p{color: #888; font-size: 12px; font-weight: 700;}
.lecture-detail-wrap .cont-lec .list .contents .inform p:not(:first-child){margin-left: 12px; padding-left: 12px; border-left: 1px solid #888;}
.lecture-detail-wrap .cont-lec .list .btn-small{height: 25px; padding: 5px 8px; color: #4655F1; font-size: 12px; font-weight: 500; text-decoration: none; border: 1px solid #DCDCDC;}
.lecture-detail-wrap .cont-lec .list .btn-small:hover{color: #fff; background-color: #4655F1; border-color: #4655F1;}
.lecture-detail-wrap .cont-lec .total-box{display: flex; align-items: center; justify-content: space-between; height: 80px; color: #fff; font-size: 16px; font-weight: 500; background-color: #464646; padding: 0 24px; margin-top: 16px;}
.lecture-detail-wrap .cont-lec .total-box .rgt{display: flex; gap: 24px; align-items: center;}
.lecture-detail-wrap .pack-wrap{border-bottom: 1px solid #ddd;}
.lecture-detail-wrap .pack-box{border-top: 2px solid #333;}
.lecture-detail-wrap .pack-box .order{display: inline-block; margin-bottom: -8px; padding: 4px 5px; color: #fff; font-size: 12px; background-color: #333; border-radius: 0 0 2px 2px;}
.lecture-detail-wrap .pack-box .list{border-bottom: none;}
.lecture-detail-wrap .pack-box .bonus-list{border-top: 1px solid #ddd;}

/* ±³ÀçÁ¤º¸ */
.lecture-detail-wrap .cont-textbook .contents{display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid #ddd;}
.lecture-detail-wrap .cont-textbook .contents .frame{width: 120px; height: 136px; margin-right: 16px; background-color: #F2F2F2; flex-shrink: 0;}
.lecture-detail-wrap .cont-textbook .contents .frame img{display: block; width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
.lecture-detail-wrap .cont-textbook .contents .tit{display: flex; align-items: center; font-size: 18px; font-weight: 500; line-height: 1.3em;}
.lecture-detail-wrap .cont-textbook .contents .tit .i-badge{vertical-align: top;}
.lecture-detail-wrap .cont-textbook .contents .infos{display: flex; margin: 12px 0;}
.lecture-detail-wrap .cont-textbook .contents .infos li{font-size: 14px; line-height: 16px; border-right: 1px solid #A2A2A2; padding: 0 24px;}
.lecture-detail-wrap .cont-textbook .contents .infos li:first-child{padding-left: 0;}
.lecture-detail-wrap .cont-textbook .contents .infos li:last-child{padding-right: 0; border-right: none;}
.lecture-detail-wrap .cont-textbook .contents .rgt{flex-shrink: 0; margin-left: 30px;}
.lecture-detail-wrap .cont-textbook .contents .btn-detail{display: block; width: 116px; height: 36px; color: #333; font-size: 14px; font-weight: 700; border: 1px solid #ddd; border-radius: 2px;}

/* ¼ö°­Èıâ */
.lecture-detail-wrap .cont-review .contents{padding: 16px 24px; border-bottom: 1px solid #ddd;}
.lecture-detail-wrap .cont-review .frame{width: 176px; height: 112px; margin-right: 32px; background-color: #F2F2F2; border: 1px solid #F2F2F2; flex-shrink: 0;}
.lecture-detail-wrap .cont-review .frame img{display: block; width: 100%; height: 100%; object-fit: cover;}
.lecture-detail-wrap .cont-review .txt{color: #666; font-size: 13px; line-height: 1.5em;}
.lecture-detail-wrap .cont-review .btm{display: flex; margin-top: 14px; color: #A2A2A2; font-size: 13px;}
.lecture-detail-wrap .cont-review .btm p:nth-child(2){padding-left: 8px; margin-left: 8px; border-left: 1px solid #A2A2A2;}
.lecture-detail-wrap .cont-review .pop-box .review-user{display: flex; align-items: center; margin-bottom: 16px; padding-right: 8px;}
.lecture-detail-wrap .cont-review .pop-box .review-user .image-box{overflow: hidden; width: 60px; height: 60px; margin-right: 15px; border-radius: 50%; background: #c0dde6;}
.lecture-detail-wrap .cont-review .pop-box .review-user .image-box img{display: block; width: 100%; height: 100%; object-fit: cover;}
.lecture-detail-wrap .cont-review .pop-box .review-user .tit{color: #333; line-height: 1.4em;}
.lecture-detail-wrap .cont-review .pop-box .review-user .tit strong{display: block; color: #4655f1;}
.lecture-detail-wrap .cont-review .pop-box .review-user .name{color: #888;}
.lecture-detail-wrap .cont-review .pop-box .review-body{padding-bottom: 24px; padding-right: 8px; font-size: 15px; line-height: 1.4em;}
.lecture-detail-wrap .cont-review .pop-box .review-body img{display: block; max-width: 100%; max-height: 350px; margin: 0 auto 16px;}

/* °­ÀǸ®½ºÆ® */
.lecture-detail-wrap .cont-lecall .table-wrap table{width: 100%; border-collapse: collapse;}
.lecture-detail-wrap .cont-lecall .table-wrap thead th{color: #464646; font-size: 14px; font-weight: 700; height: 40px; background-color: #FAFAFA;}
.lecture-detail-wrap .cont-lecall .table-wrap tbody tr{border-top: 1px solid #ddd;}
.lecture-detail-wrap .cont-lecall .table-wrap tbody td{color: #464646; font-size: 12px; height: 40px; text-align: center; line-height: 1.3em; padding: 8px 0;}
.lecture-detail-wrap .cont-lecall .table-wrap tbody .btn-sample{width: 54px; height: 20px; margin-left: 10px; color: #333; font-size: 12px; font-weight: 700; border: 1px solid #ddd; border-radius: 2px;}
.lecture-detail-wrap .cont-lecall .complete-box{display: flex; align-items: center; justify-content: center; gap: 12px; height: 60px; color: #fff; font-size: 14px; line-height: 1.2em; font-weight: 500; background-color: #666;}



/* -------------------- Çհݼö±â, Èıâ -------------------- */
.sub-interview-wrap{position: relative;}
.sub-interview-wrap .swiper.cell-8{height: 750px;}
.sub-interview-wrap .swiper.cell-4{height: 370px;}
.sub-interview-wrap .swiper.cell-2{height: 520px;}
.sub-interview-wrap .swiper-slide .thumbnail{overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 56%; border-radius: 10px;}
.sub-interview-wrap .swiper-slide .thumbnail img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sub-interview-wrap .swiper-slide a:hover .thumbnail::before{content: ''; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; z-index: 9;}
.sub-interview-wrap .swiper-slide a:hover .thumbnail::after{content: ''; display: block; position: absolute; width: 36px; height: 36px; border-radius: 36px; background: rgba(255,255,255,0.8) url('/images/main2020/play_interview.png') 56% 50% no-repeat; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; background-size: 38%;}
.sub-interview-wrap .swiper-slide a:hover{text-decoration: none;}
.sub-interview-wrap .swiper-slide dl.knowhowinfo{text-align: left; height: 220px; box-sizing: border-box; padding: 15px 0px;}
.sub-interview-wrap .swiper-slide dl.knowhowinfo .tit{color: #000; font-size: 16px; font-weight: 700; margin-bottom: 8px;}
.sub-interview-wrap .swiper-slide dl.knowhowinfo .tit .area{color: #5B68ED;}
.sub-interview-wrap .swiper-slide dl.knowhowinfo .txt{font-size: 14px; line-height: 1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; word-break: keep-all;}
.sub-interview-wrap .navi {top: 48%; transform: translateY(-50%); width: 50px; height: 50px;}
.sub-interview-wrap .navi svg{display: block; width: 100%; height: 100%; stroke: #464646; stroke-width: 0.3; fill: none; transition: stroke 0.4s;}
.sub-interview-wrap .navi:hover svg{stroke: #000;}
.sub-interview-wrap .navi.swiper-button-prev{left: -60px;}
.sub-interview-wrap .navi.swiper-button-next{right: -60px;}
.sub-pass-list .bList table{width:100%;}
.sub-pass-list .bList td{font-size: 14px; height: 60px; padding: 0 16px; border-bottom:1px solid #dbdbdb;}
.sub-pass-list .bList td span{color: #4655F1 !important;}
.sub-review-wrap{border-top: 1px solid #ddd;}
.sub-review-wrap .contents{padding: 16px 0; border-bottom: 1px solid #ddd;}
.sub-review-wrap .contents .frame{width: 176px; height: 112px; margin-right: 32px; background-color: #F2F2F2; border: 1px solid #F2F2F2; flex-shrink: 0;}
.sub-review-wrap .contents .frame img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sub-review-wrap .contents .tit{color: #333; font-size: 16px; font-weight: 700; line-height: 1.4em;}
.sub-review-wrap .contents .txt{color: #666; font-size: 13px; line-height: 1.5em; height: 40px;}
.sub-review-wrap .contents .a-more{display: flex; align-items: center; height: 24px; margin-left: 24px; padding: 0 8px; color: #333; font-size: 12px; text-decoration: none; border-radius: 2px; border: 1px solid #ddd; flex-shrink: 0;}
.sub-review-wrap .contents .a-more::after{display: block; width: 12px; height: 12px; margin-left: 4px; background: url('/images/course/icon/ico_plus_circle_gray.svg') center / 100% no-repeat; content: '';}
.sub-review-wrap .contents .btm p{color: #A2A2A2; font-size: 13px;}
.sub-review-wrap .contents-none{padding: 100px 0; color: #464646; font-size: 14px; font-weight: 700; text-align: center; border-bottom: 1px solid #ddd;}



/* -------------------- board -------------------- */
.board-wrap .bd-tag{display: inline-block; padding: 0 10px; min-width: 62px; line-height: 22px; color: #A2A2A2; font-size: 12px; text-align: center; border: 1px solid #A2A2A2; border-radius: 14px;}
.board-wrap .bd-tag.bd-tag-primary{color: #4655F1; border-color: #4655F1;}
.board-wrap .i-new{color: #FF6B61; font-size: 10px; font-weight: 700; margin-left: 8px; flex-shrink: 0; vertical-align: middle;}
.board-wrap .btn-go{font-size: 12px; font-weight: 500;}
.board-wrap .btn-go::after{display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; background: url('/images/course/icon/ico_angle_46.svg') center / 16px no-repeat; transform: rotate(270deg); content: '';}


/* search */
.board-search-box{display: flex; gap: 4px;}
.board-search-box select{width: 85px; height: 32px; padding-left: 8px; padding-right: 24px; color: #333; font-size: 14px; border: 1px solid #ddd; border-radius: 2px; appearance: none; background: url('/images/course/icon/ico_angle_46.svg') calc(100% - 5px) center / 18px no-repeat;}
.board-search-box .input-area{display: flex; height: 32px; border: 1px solid #ddd; border-radius: 2px; flex-grow: 1;}
.board-search-box .input-area input[type="text"]{width: 100%; height: 100%; padding: 0 8px; font-size: 14px; flex-grow: 1;}
.board-search-box .input-area .btn-search{width: 32px; height: 32px; background: url('/images/course/icon/ico_search.png') center no-repeat; flex-shrink: 0;}

/* list */
.board-list-wrap table{width: 100%; border-top: 2px solid #333; border-collapse: collapse; table-layout: fixed;}
.board-list-wrap table thead th{height: 48px; color: #464646; font-size: 14px; font-weight: 700; border-bottom: 1px solid #ddd;}
.board-list-wrap table tbody td{height: 48px; color: #464646; font-size: 14px; text-align: center; border-bottom: 1px solid #ddd; padding: 0 15px;}
.board-list-wrap table tbody td .inner{display: flex; align-items: center;}
.board-list-wrap table tbody td a{color: #464646; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.board-list-wrap table tbody .fix td{background-color: #FAFAFA;}

/* view */
.board-view-wrap .view-top{border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.board-view-wrap .view-top .inner{display: flex; justify-content: space-between; align-items: center; padding: 24px;}
.board-view-wrap .view-top .sort{color: #464646; font-size: 14px; padding-right: 24px; border-right: 1px solid #ddd;}
.board-view-wrap .view-top .tit{color: #464646; font-size: 18px; font-weight: 700; line-height: 1.4em; word-break: break-all;}
.board-view-wrap .view-top .tit .icon{display: inline-block; vertical-align: middle; margin-top: -4px;}
.board-view-wrap .view-top .rgt{flex-shrink: 0; display: flex; margin-left: 40px;}
.board-view-wrap .view-top .rgt p{color: #888; font-size: 14px; line-height: 1.1em;}
.board-view-wrap .view-top .rgt p:not(:first-child){margin-left: 10px; padding-left: 10px; border-left: 1px solid #888;}
.board-view-wrap .view-cont{padding: 16px 0; color: #464646; font-size: 14px; line-height: 1.7em; border-bottom: 1px solid #ddd;}
.board-view-wrap .view-cont .txt{min-height: 200px; padding: 8px 24px 24px;}
.board-view-wrap .view-cont *{color: #464646; font-size: 14px; line-height: 1.7em;}
.board-view-wrap .view-cont .attach-wrap{margin-bottom: 32px;}
.board-view-wrap .view-cont .attach-wrap .file-box{padding: 16px 24px; margin-bottom: 4px; background-color: #FAFAFA;}
.board-view-wrap .view-cont .attach-wrap .file-box a{display: block; padding-right: 30px; background: url('/images/course/icon/ico_download.png') right center no-repeat;}
.board-view-wrap .view-cont .attach-wrap .file-box a::before{display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: text-bottom; flex-shrink: 0; background: url('/images/course/icon/ico_file.png') center no-repeat; content: '';}
.board-view-wrap .view-cont .sub-box{padding: 16px 24px; background-color: #F5F6FB; margin-bottom: 32px;}
.board-view-wrap .view-cont .sub-box dl{display: flex; color: #464646; font-size: 14px;}
.board-view-wrap .view-cont .sub-box dt{font-weight: 700; margin-right: 16px; flex-shrink: 0;}
.board-view-wrap .view-nav dl{display: flex; align-items: center; height: 52px; padding-left: 8px; border-bottom: 1px solid #ddd;}
.board-view-wrap .view-nav dl dt{padding: 0 24px; color: #333; font-size: 14px; font-weight: 700; border-right: 1px solid #ddd; flex-shrink: 0;}
.board-view-wrap .view-nav dl dd{padding: 0 24px;}
.board-view-wrap .view-nav dl dd a{color: #464646; font-size: 14px;}
.board-view-wrap .answer-cont{background-color: #FAFAFA;}
.board-view-wrap .answer-cont .top .inner{display: flex; justify-content: space-between; align-items: center; padding: 16px 24px 0;}
.board-view-wrap .answer-cont .top .tit{color: #464646; font-size: 18px; font-weight: 700; padding-left: 35px; line-height: 1.4em; background: url('/images/course/icon/ico_chat_dots.png') 0 3px no-repeat;}
.board-view-wrap .answer-cont .rgt{flex-shrink: 0; display: flex; margin-left: 40px;}
.board-view-wrap .answer-cont .rgt p{color: #888; font-size: 14px; line-height: 1.1em;}
.board-view-wrap .answer-cont .rgt p:not(:first-child){margin-left: 10px; padding-left: 10px; border-left: 1px solid #888;}
.board-view-wrap .answer-cont .rgt p.teacher{display: flex; align-items: center; color: #4655F1; font-weight: 500;}
.board-view-wrap .answer-cont .rgt p.teacher::before{display: inline-block; width: 23px; height: 17px; margin-right: 4px; vertical-align: bottom; background: url('/images/course/icon/ico_user_pen.png') 0 0 no-repeat; content: '';}
.board-view-wrap .answer-cont .txt{padding: 40px 24px; color: #464646; font-size: 14px; line-height: 1.7em;}
.board-view-wrap .answer-cont .txt *{color: #464646; font-size: 14px; line-height: 1.7em;}

/* write */
.board-write-wrap{padding-bottom: 16px; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.board-write-wrap .input-box label{color: #464646; font-size: 14px; font-weight: 700; line-height: 48px; flex-shrink: 0; padding-left: 24px;}
.board-write-wrap .input-box .input-cnt{
	width: 100%; height: 48px; line-height: 48px; padding: 0 16px; color: #464646; font-size: 14px; border: 1px solid #ddd;
}
.board-write-wrap .input-box .input-cnt.input-selct{
	padding-right: 40px; 
	background: url('/images/course/icon/ico_angle_46.svg') calc(100% - 16px) center / 20px no-repeat; appearance: none;
}
.board-write-wrap .input-box .input-cnt.input-area{height: 380px; padding: 16px; line-height: 1.7em; resize: none;}
.board-write-wrap .input-box .input-cnt:read-only,
.board-write-wrap .input-box .input-cnt:disabled{background-color: #FAFAFA;}
.board-write-wrap .qna-top{padding: 16px 0; border-bottom: 1px solid #ddd;}



/* animation */
.m-right{ /* ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î */
	transform: translate(-200px, 0) !important;
	transition: transform 1s, opacity 1s;
	opacity: 0;
}
.m-down{ /* À§¿¡¼­ ¾Æ·¡·Î */
	transform: translate(0, -200px) !important;
	transition: transform 1s, opacity 1s;
	opacity: 0;
}
.m-up{ /* ¾Æ·¡¿¡¼­ À§·Î */
	transform: translate(0, 200px) !important;
	transition: transform 1s, opacity 1s;
	opacity: 0;
}
.motion.m-act, .motion-wrap.m-act .m-in{ /* active */
	transform: translate(0,0) scale(1) rotate(0deg);
	opacity: 1;
}