@charset "utf-8";

/* 팝업레이어 */
#hd_pop {z-index:9999; position:absolute; top:150px; left:50px; }
#hd_pop h2 {display:none}
.hd_pops {box-shadow: 0 1px 10px rgba(0,0,0,0.2); border-radius: 15px; overflow: hidden}
.hd_pops_con {box-sizing: border-box}
.hd_pops_con img {max-width:100%}
.hd_pops_footer {font-size:12px;padding:5px; background:#333; color:#fff; display: flex; justify-content: space-between}
.hd_pops_footer button {width:50%; height:100%; padding:10px 0; border:0; background:rgba(0,0,0,0); color:#fff; cursor: pointer}

/* 메인 모바일 사이트 이용안내 */
main .bn003 {width: 1120px; height: 97px; background: url(/images/new_banner002.jpg) 50% 0 no-repeat; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; margin: 50px auto 0; }

/* 3단계가 없는 바로가기 메뉴 */
nav.gnb .sub_menu_step1 dl > dd > a.link { background: none;padding-right: 10px; }
/* 바로가기 메뉴 hover */
nav.gnb .sub_menu_step1 dl > dd > a.link:hover { background: var(--bg-blue); color: var(--itgo); }

/* 검색내역 css */
header .search_set .search_history .search_his{display: none}
header .search_set .search_history .search_his{font-size: 14px; line-height: 30px}
header .search_set .search_history .search_his a{width:100%; height:100%}
header .search_set .search_history .search_his ul{padding:10px 0}
header .search_set .search_history .search_his ul li{padding:0 40px 0 20px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; position: relative}
header .search_set .search_history .search_his ul li:hover{background: #f2f8ff}
header .search_set .search_history .search_his button.btn_del{
	width:9px; height:9px; background:  url(/images/ser_del.png) 50% no-repeat; border:0; overflow: hidden; text-indent: -9999px; transition: all .3s ease; padding:10px;
	position: absolute; top:5px; right:10px
}
header .search_set .search_history .search_his button.btn_del:hover{transform: rotate(180deg)}

/*즐겨찾기*/
main .class_list_set table.class_list_tab .btn_fav { width: 80px; height: 33px; background: rgba(0,0,0,0); border: solid 2px #d6d9db; border-radius: 20px; }
main .class_list_set table.class_list_tab .btn_fav.active { background: #0069b4; color:#fff; border: solid 2px #0069b4; }

/*목록출력 페이지 추가 */
main .class_list_set .class_more{width:100%;margin:0 auto;background:#f3f6f8;text-align:center;height:58px;line-height:56px}
#nt_loader { background-color: rgba(0, 0, 0, 0.2); left: 0; top: 0; width: 100%; height: 100%; display: none; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; color:#fdcc24; -webkit-text-stroke: 2px #0072bc;}
#nt_loader .loader_txt { top: 55%; width: 100%; height: 100%; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; text-align:center; color:#fdcc24; text-shadow: -2px 0 #0072bc, 0 2px #0072bc, 2px 0 #0072bc, 0 -2px #0072bc; }

/* 수강목록 */
.cont .class_list_set ul.courselist_set .classlist_info{
	width:13px; height:13px; background: url(/images/classlist_info.png) no-repeat; display: inline-block; vertical-align: middle; margin-left:5px;
	overflow: hidden; text-indent: -9999px
}
.cont .class_list_set ul.courselist_set .classlist_info_box{
	position: absolute; border: solid 1px #d6d9db; padding:5px; text-align: left; line-height: 0px; box-sizing: border-box;
	border-radius: 5px; border-top-left-radius: 0; background: url(/images/box_point.png) no-repeat #fff; margin:0 0 0 60px;
}

/* 게시판 버튼 */
main .notice_set dl.notice_view dd.notice_btn button.btn_list{word-break: keep-all; border-radius: var(--button-radius); background: var(--itgo); padding: 10px 20px; color: var(--bg-card);}
main .notice_set dl.notice_view dd.notice_btn button.btn_cancel{word-break: keep-all; border-radius: var(--button-radius); background: var(--bg-gray); padding: 10px 20px}

/* 공지사항 사이트 구분 */
main .notice_set table.notice_tab .ico_itgo{width:16px; height:16px; display: inline-block; background: #3badff; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px}
main .notice_set table.notice_tab .ico_code{width:16px; height:16px; display: inline-block; background: #ffd33b; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px}
main .notice_set table.notice_tab .ico_stat{width:16px; height:16px; display: inline-block; background: #ff3b9c; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px}
main .notice_set table.notice_tab .ico_mac{width:16px; height:16px; display: inline-block; background: #0072bb; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px}
main .notice_set table.notice_tab .ico_aitg{width:16px; height:16px; display: inline-block; background: #ae3bff; border-radius: 20px; color: #fff; line-height: 16px; text-align: center; font-weight: 800; font-size: 10px}

/* 공지사항 select */
main .notice_set dl.notice_view dt select.inquiry_write_inp{width:100%; background: var(--bg-gray); border-radius: var(--box-radius); outline: none; padding:10px 15px; box-sizing: border-box; margin: var(--cont-margin)}
main .notice_set dl.notice_view dt select.inquiry_write_inp:focus{background: var(--bg-blue)}

/*아이티고 시리즈*/
main .cont .class_list_set ul.series_cont{display: flex; justify-content: space-between; margin:50px 0 0 0}
main .class_list_set ul.series_cont li{width:calc(50% - 20px); background: #f3f6f8; border-radius: 20px; padding:20px; box-sizing: border-box}
main .class_list_set ul.series_cont li.tea_set{display: flex; flex-wrap: wrap; /*background: #ffeca8*/}
main .class_list_set ul.series_cont li.tea_set .ser_tea_wrap{width:100%; display: block}
main .class_list_set ul.series_cont li.tea_set .ser_tea_wrap .ser_tea{heigth:30px; font-size: 14px; line-height: 30px;  background: #8e8e8e; padding:0 20px; margin:0 0 20px 0; display: inline-block; color: #fff; border-radius: 20px}
main .class_list_set ul.series_cont li.tea_set .ser_img{display: block}
main .class_list_set ul.series_cont li.tea_set>dl{padding:0 0 0 30px}
main .class_list_set ul.series_cont li.intro_set{/*background: #ffc1a8*/}
main .class_list_set ul.series_cont li.intro_set>dl>dt{heigth:30px; font-size: 14px; line-height: 30px;  background: #8e8e8e; padding:0 20px; margin:0 0 20px 0; display: inline-block; color: #fff; border-radius: 20px}
main .class_list_set ul.series_cont li>dl{}
main .class_list_set ul.series_cont li>dl>dt{font-size: 18px; font-weight: 800; margin:0 0 10px 0}
main .class_list_set ul.series_cont li>dl>dd{line-height: 24px}
main .class_list_set .notice_btn{text-align: center; margin:var(--section-margin)}
main .class_list_set .notice_btn a.btn_list{word-break: keep-all; border-radius: var(--button-radius); background: var(--itgo); padding: 10px 20px; color: var(--bg-card);}
main .class_list_set .notice_btn a.btn_cancel{word-break: keep-all; border-radius: var(--button-radius); background: var(--bg-gray); padding: 10px 20px}

/*아이티고 대표 강사 및 강좌 소개*/
main .class_list_set .sub_tag_menu{margin: var(--section-margin);}
main .class_list_set .sub_tag_menu button{border-radius: var(--button-radius); background: var(--bg-gray); padding: 10px 20px; cursor: pointer; margin:5px;}
main .class_list_set .sub_tag_menu buttoni:hover{background: var(--itgo); color: var(--bg-card)}
main .class_list_set .sub_tag_menu button.on{background: var(--itgo); color: var(--bg-card)}

main .class_list_set ul.ins_set{width:100%; display: flex; flex-wrap: wrap; margin:50px 0 0 0; justify-content: space-between}
main .class_list_set ul.ins_set>li{width:calc(50% - 10px); border-radius: 15px; background: #f6f6f6}
main .class_list_set ul.ins_set>li div.ins_sec001{width:100%; height:407px; box-sizing: border-box; position: relative; border-top-left-radius: 15px; border-top-right-radius: 15px; background-repeat:  no-repeat}
main .class_list_set ul.ins_set>li:nth-child(1) div.ins_sec001{padding:75px 0 0 256px; background-color: #ffeca8; background-position:  0 100%;}
main .class_list_set ul.ins_set>li:nth-child(1) div.ins_sec001 .ins_name span.ins_name_dd{font-size: 60px; font-family: NanumEB; color:#5f4a00; margin:5px 0 0 0; display: block}
main .class_list_set ul.ins_set>li:nth-child(2) div.ins_sec001{padding:75px 0 0 60px; background-color: #ffc1a8; background-position:  100% 100%;}
main .class_list_set ul.ins_set>li:nth-child(2) div.ins_sec001 .ins_name span.ins_name_dd{font-size: 60px; font-family: NanumEB; color:#601c00; margin:5px 0 0 0; display: block}

main .class_list_set ul.ins_set>li div.ins_sec001 .ins_name{}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_name h4{font-size: 24px; font-family: Nanum; letter-spacing: -2px}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_name h4>em{font-family: NanumEB}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_class{margin:35px 0 0 0}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_class dt{font-size: 18px; font-family: NanumB; margin:0 0 10px 0}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_class dd{font-size: 18px; line-height: 28px}
main .class_list_set ul.ins_set>li div.ins_sec001 .ins_class dd.ins_goclass a{width:138px; height:37px; line-height: 37px; text-align: center; background: #fff; border-radius: 20px; display: block; font-size: 14px; position: absolute; top:340px}
main .class_list_set ul.ins_set>li div.ins_sec002{}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_menu{display: flex}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_menu dd{width:50%; height:50px; line-height: 50px; text-align: center; background: #dedee1; font-size: 18px; cursor: pointer}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_menu dd.active{background: #f6f6f6; font-family: NanumB; cursor:default}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_1{padding:40px}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_1 dd{line-height: 42px;  background: url(/images/ins_dot.png) 0 50% no-repeat; padding:0 0 0 20px}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_2{padding:40px; display: none}
main .class_list_set ul.ins_set>li div.ins_sec002 dl.ins_sec002_2 dd{line-height: 42px;  background: url(/images/ins_dot.png) 0 50% no-repeat; padding:0 0 0 20px}

main .class_list_set .ins_tea{display: flex; flex-wrap: wrap; margin:50px 0 0 0}
main .class_list_set .ins_tea li{width:32%; background: #f6f6f6; border-radius:15px; display: flex; padding:20px; box-sizing: border-box; margin:20px 0 0 2%}
main .class_list_set .ins_tea li:nth-child(3n-2){margin:20px 0 0 0}
main .class_list_set .ins_tea li span.tea_img{}
main .class_list_set .ins_tea li dl.tea_dd{padding:0 0 0 20px}
main .class_list_set .ins_tea li dl.tea_dd dt{font-size: 16px; font-family: NanumEB; padding:0 0 10px 0}
main .class_list_set .ins_tea li dl.tea_dd dd{font-size: 14px; line-height: 20px}

/* 비영리단 교육지원 안내 */
main .notice_set .edu_support{background: url(/education/edu_support/edu_support.png) #e2ebff no-repeat; margin:10px 0 0 0; padding:85px 40px 40px 40px; text-align: center}
main .notice_set .edu_support h2.sup_st{font-family: gangwon; font-size: 50px; line-height: 60px}
main .notice_set .edu_support h2.sup_st .sup_st_ect{font-family: gangwon; font-size: 50px; color:#005f9e}
main .notice_set .edu_support .sup_tt{font-size: 16px; line-height: 24px; margin:15px 0 0 0; display: block}
main .notice_set .edu_support dl.sup_step{display: flex; justify-content: space-between; margin-top:50px}
main .notice_set .edu_support dl.sup_step dd{width:247px; font-size: 14px; line-height: 18px; border-radius: 15px; padding:260px 25px 25px 25px; box-sizing: border-box; text-align: left}
main .notice_set .edu_support dl.sup_step h3.step_ddst{}
main .notice_set .edu_support dl.sup_step span.step_d4{display: block; margin-top:15px}
main .notice_set .edu_support dl.sup_step dd:nth-of-type(1){background: url(/education/edu_support/edu_support01.jpg) #fff no-repeat}
main .notice_set .edu_support dl.sup_step dd:nth-of-type(2){background: url(/education/edu_support/edu_support02.jpg) #fff no-repeat}
main .notice_set .edu_support dl.sup_step dd:nth-of-type(3){background: url(/education/edu_support/edu_support03.jpg) #fff no-repeat}
main .notice_set .edu_support dl.sup_step dd:nth-of-type(4){background: url(/education/edu_support/edu_support04.jpg) #fff no-repeat}

main .cont .sup_appform{width:500px; background: #f3f6f8; padding:50px 20px; position:absolute; top:100px; left:calc(50% - 250px); border-radius: 10px; box-sizing: border-box; border:solid 1px #d6d9db; display: none; z-index: 11; }
main .cont .sup_appform input{width: 100%; height: 50px; border: solid 1px rgba(0, 0, 0, 0); border-radius: 15px; box-sizing: border-box; text-indent: 15px; font-size: 14px; outline: none}
main .cont .sup_appform ul.sup_list_wrap{}
main .cont .sup_appform ul.sup_list_wrap span.ttwrap{width: 100%; display: block; margin-bottom: 13px}
main .cont .sup_appform ul.sup_list_wrap span.ttwrap em{background: #d6d9db; font-size: 12px; padding: 3px 10px; border-radius: 10px; font-style: normal}
main .cont .sup_appform ul.sup_list_wrap  li{margin-bottom:20px}
main .cont .sup_appform ul.sup_list_wrap span.add_set{display: flex}
main .cont .sup_appform ul.sup_list_wrap span.add_set input[type=text]{width:calc(100% - 80px); border-top-right-radius: 0; border-bottom-right-radius: 0}
main .cont .sup_appform ul.sup_list_wrap span.add_set .add_ser{width: 80px; height: 50px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; color: #fff; background: #0069b4; cursor: pointer; font-size: 14px}
main .cont .sup_appform h4{text-align: center; margin:0 0 30px 0; font-size: 18px;}
main .cont .sup_appform .sup_term{font-size: 14px}
main .cont .sup_appform .sup_term dt{padding:10px 0 0 0; font-family: NanumB}
main .cont .sup_appform .sup_term dd{}
main .cont .sup_appform .sup_term dd span.sup_term_tt1{}
main .cont .sup_appform .sup_term dd span.sup_term_radioset{}
main .cont .sup_appform .sup_term dd span.sup_term_radioset label{}
main .cont .sup_appform .sup_term dd span.sup_term_radioset input{width:20px; vertical-align: middle; margin:0 5px 0 10px}
main .cont .sup_appform .sup_option{width:100px; height:50px; border-radius: 10px; padding:0 10px}
main .cont .sup_appform .sup_termapp{display: flex; justify-content: center; padding:20px 0 0 0}
main .cont .sup_appform .sup_termapp button{width: 135px; height: 40px; color: #fff; border-radius: 20px; margin:0 5px}
main .cont .sup_appform .sup_termapp .btn_app{background: #0069b4}
main .cont .sup_appform .sup_termapp .btn_cancel{width: 100px; height: 40px; background: #f3f6f8; color: #0069b4; border: solid 2px #0069b4; border-radius: 20px; font-family: NanumB}
main .cont .sup_appform .itgo_list_set{display: none}
main .cont .sup_appform .itgo_list_set .itgo_list_st{font-size: 14px; margin:20px 0 10px 0; display: block}
main .cont .sup_appform .itgo_list_set .itgo_list_tab{width:100%}
main .cont .sup_appform .itgo_list_set .itgo_list_tab tbody td{padding:3px 0}
main .cont .sup_appform .itgo_list_set .itgo_list_tab tbody td:nth-of-type(1){width:40px}
main .cont .sup_appform .itgo_list_set .itgo_list_tab tbody td:nth-of-type(1) span{width:30px; height:30px; display: block; background: #d6d9db; border-radius: 15px; text-align: center; line-height: 30px; font-size: 12px}
main .cont .sup_appform .itgo_list_set .itgo_list_tab tbody td:nth-of-type(2){}
main .cont .sup_appform .sup_list_file{display: flex}
main .cont .sup_appform .sup_list_file input[type=file]{font-size: 14px; margin:0; padding:0}

main .cont .support_app .sup_btn_set{display: flex; justify-content: center; margin-top: 100px}
main .cont .support_app .sup_btn_set .sup_btn{width:135px; height:40px; background: #0069b4; color: #fff; border-radius: 20px; margin:0 15px}
main .cont .support_app .sup_btn_set .sup_inp{width:60px; height:40px; border:solid 1px #d6d9db; border-radius: 20px; text-align: center}
main .cont .support_app .sup_btn_set .sup_inp:focus{outline: none; border: solid 1px #0069b4}
main .cont .support_app .sup_btn_set .sup_tt{height:40px; line-height: 40px; margin-left:10px}

main .cont .sup_appform .sup_list_file_btn{
	width: 80px; height: 50px; line-height: 50px; background: #0069b4; display: block; color: #fff; text-align: center; font-size: 14px; border-top-right-radius: 15px;  border-bottom-right-radius: 15px; caret-color: transparent; cursor: pointer;
}
main .cont .sup_appform .sup_list_filename{width: calc(100% - 80px); box-sizing: border-box; background: #fff; caret-color: transparent; font-size: 14px; border-bottom-right-radius: 0; border-top-right-radius: 0; cursor: pointer}
main .cont .sup_appform .sup_list_file_inp{display: none}

main .cont .sup_block{width:100%; height:100%; background: rgba(0,0,0,0.75); left:0; top:0; position: fixed; z-index: 10; display: none}


/* 플레이어 - 강의실 */
#ply_cont{display: flex; justify-content: center; margin: var(--banner-margin) 0 0 0;}

/*플레이어-리스트*/
#ply_cont .ply_list{height:100%; padding:20px 20px 0 40px;}
#ply_cont .ply_list dl{}
#ply_cont .ply_list dl>dd{}

#ply_full .ply_info dl.ply_list{width:100%; padding:0 0 0 20px; margin-top:20px}

.ply_list{max-width:400px}
.ply_list dd{padding:7px; display: flex; line-height: 20px; border-bottom:solid 1px #eee}
.ply_list dd a{font-size: 14px}
.ply_list dd:hover{font-weight: 800}
.ply_list dd.chk{background: #f3f6f8}
.ply_list dd.chk a{color:#777}
.ply_list dd.ply_act{font-weight: 800}


#ply_cont .ply_info{width:1280px; padding:20px}

/*플레이어-플레이어바*/
.play_bar{padding:20px 20px 30px 20px; background: #1e242c; position: flex;display:block; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; user-select: none}
.play_bar .pro_bar{cursor: pointer; position:relative; color: #fff; margin-bottom:20px}
.play_bar .pro_bar .pro_point{width:12px; height:12px; background: rgba(255,255,255,0); border-radius:6px; position: absolute; margin:-4px 0 0 -6px; z-index: 99999; transition: background .3s ease}
.play_bar .pro_bar .pro_prog{width:100%; height:4px; background: rgba(255,255,255,.5); border-radius: 2px}
.play_bar .pro_bar .pro_prog .pro_prog_ing{height:4px; background: #fff; display: block; border-radius: 2px}

.play_bar em{display: none}
.play_bar ul{display: flex; font-size: 12px}
.play_bar ul>li{}

/* 전체화면 상단 타이틀 */
.video-title-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    padding: 18px 20px 30px;
    box-sizing: border-box;

    color: #fff;
    font-size: 18px;
    font-weight: 500;

    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0)
    );

    z-index: 100;
    pointer-events: none;

    opacity: 1;
    transition: opacity 0.3s;
}

/* Video.js가 inactive 상태가 되면 제목도 숨김 */
.video-js.vjs-user-inactive .video-title-bar {
    opacity: 0;
}

/* 플레이어 하단 컨트롤 */
.play_bar_bottom {display: flex;align-items: center;width: 100%;min-height: 40px;position: relative;}
/* 왼쪽 컨트롤 */
.play_bar_bottom .play_bar_left {position: static;display: flex;align-items: center;flex: 0 0 auto;margin: 0;padding: 0;}
/* 강의 제목 */
.play_bar_bottom .play_bar_title {display: block;flex: 1 1 auto; min-width: 0; margin: 0; padding: 0 15px; overflow: hidden; color: #fff; font-size: 13px; line-height: 32px; white-space: nowrap; text-overflow: ellipsis; }
/* 오른쪽 컨트롤 */
.play_bar_bottom .play_bar_right {display: flex;align-items: center;flex: 0 0 auto;margin: 0;padding: 0;}
.play_bar .plybar_play{width:40px; height:40px; background: url(../images/ply_play.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer}
.play_bar .plybar_play:hover{background: url(../images/ply_play.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}

.play_bar .plybar_pause{width:40px; height:40px; background: url(../images/ply_pause.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer}
.play_bar .plybar_pause:hover{background: url(../images/ply_pause.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}


.play_bar .plybar_next{width:40px; height:40px; background: url(../images/ply_next.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_next:hover{background: url(../images/ply_next.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_next em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -28px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c
}
.play_bar .plybar_sound{width:40px; height:40px; background: url(../images/ply_sound.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_sound:hover{background: url(../images/ply_sound.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_sound em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -25px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c
}
.play_bar .plybar_son_mute{background: url(../images/ply_sound_mute.png) 50% no-repeat}
.play_bar .plybar_son_mute:hover{background: url(../images/ply_sound_mute.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}

.plybar_sound_warp{width:30px; transition: width .3s ease; overflow: hidden}
.play_bar .plybar_sodbar_wrap{width:50px; position: relative; cursor:pointer; margin:-28px 0 0 40px; padding:6px 0}
.play_bar .plybar_sodbar_wrap .plybar_sodbar{width:50px; height:4px; background: rgba(255,255,255,0.5); border-radius: 2px; overflow: hidden; text-indent: -9999px}
.play_bar .plybar_sodbar_wrap .plybar_sodbar em{background: #fff; display: block}
.play_bar .plybar_sodbar_wrap .plybar_sodpoint{
	width:12px; height:12px; background: rgba(255,255,255,0); border-radius: 6px; position: absolute; margin-top:-4px; text-indent: -9999px; transition: background .3s ease;
}

.play_bar .plybar_time{line-height: 20px; color: #fff; margin:10px 0 0 20px; outline: none}
/* player 배속 버튼 */
.play_bar dl.plybar_speed {display: flex;justify-content: center;margin: 30px 0 0;}
.play_bar .speed_select {
    position: relative;
    display: flex;
    align-items: center;
	/* 크기는 내용만큼 */
    flex: 0 0 auto;
    height: 100%;
    margin: 0 10px;
    padding: 0;
	z-index: 100;
}

.play_bar .speed_select > dd {
    position: relative;
    margin: 0;
    padding: 0;
}

/* 현재 배속 버튼 */
.play_bar .speed_current {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    width: 75px;
    height: 32px;

    padding: 0 8px;

    background: #1e1e1e;
    color: #fff;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 7px;

    font-size: 12px;
    font-weight: 500;

    cursor: pointer;
    outline: none;

    box-sizing: border-box;
}

.play_bar .speed_current:hover {
    background: #333;
}

/* 화살표 */
.play_bar .speed_current .arrow {
    font-size: 8px;
    line-height: 1;

    transition: transform .2s ease;
}

/* 열렸을 때 화살표 회전 */
.play_bar .speed_select.open .speed_current .arrow {
    transform: rotate(180deg);
}

/* 배속 메뉴 */
.play_bar .speed_menu {
    display: none;

    position: absolute;

    left: 50%;
    bottom: calc(100% + 8px);

    transform: translateX(-50%);

    width: 90px;

    padding: 5px;

    background: #1e1e1e;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .45);

    z-index: 1000;

    box-sizing: border-box;
}


/* 메뉴 열림 */
.play_bar .speed_select.open .speed_menu {
    display: block;
}


/* 메뉴 버튼 */
.play_bar .speed_menu button {
    display: block;

    width: 100%;
    height: 32px;

    padding: 0;

    background: transparent;
    color: #fff;

    border: 0;
    border-radius: 5px;

    font-size: 12px;
    font-weight: 400;

    text-align: center;

    cursor: pointer;
    outline: none;

    box-sizing: border-box;

    transition: background .15s ease;
}

/* 마우스 오버 */
.play_bar .speed_menu button:hover {
    background: #333;
}


/* 현재 선택된 배속 */
.play_bar .speed_menu button.active {
    background: #1976d2;
    color: #fff;
    font-weight: 600;
}


/* 선택된 배속 hover */
.play_bar .speed_menu button.active:hover {
    background: #1976d2;
}
/*.play_bar dl.plybar_speed dd{padding:4px; cursor: pointer; outline: none}
.play_bar dl.plybar_speed dd span{width:12px; height:12px; display: block; background: rgba(255,255,255,.5); border-radius: 6px; outline: none}
.play_bar dl.plybar_speed dd span:hover{animation-duration: .3s;  animation-name: slidein}
@keyframes slidein {
  from {transform: scale(1.5)}
  to {transform: scale(1)}
}
.play_bar dl.plybar_speed dd span:hover+em{
display:block
}
.play_bar dl.plybar_speed dd.active span{background: rgba(255,255,255,1)}
.play_bar dl.plybar_speed dd span>em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-39px 0 0 -28px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}*/

.play_bar .plybar_help{width:40px; height:40px; background: url(../images/ply_help.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_help:hover{background: url(../images/ply_help.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_help em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}

.play_bar .plybar_cc{width:40px; height:40px; background: url(../images/ply_cc_off.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_cc:hover{background: url(../images/ply_cc.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_cc.on{background: url(../images/ply_cc.png) 50% no-repeat}
.play_bar .plybar_cc em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}

.play_bar .plybar_wide{width:40px; height:40px; background: url(../images/ply_wide.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_wide:hover{background: url(../images/ply_wide.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_wide em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}

.play_bar .plybar_default{width:40px; height:40px; background: url(../images/ply_wide_m.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_default:hover{background: url(../images/ply_wide_m.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_default em{
	width:85px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -25px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}

.play_bar .plybar_max{width:40px; height:40px; background: url(../images/ply_max.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_max:hover{background: url(../images/ply_max.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease}
.play_bar .plybar_max em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none; z-index: 2
}
/* 플레이어-썸네일 */
#ply_cont .ply_info .thumb_box{width:1280px; height:720px; display: block; position: relative}
#ply_cont .ply_info .thumb_box .thumb_tt{
	height:50px; line-height: 50px; position: absolute; top:40px; right:40px; background: #0069b4; padding:0 50px; border-radius: 30px; color: #fff; font-family:  NanumB
}
#ply_cont .ply_info .thumb_box .thumb_tt .thumb_arrow{
	width:72px; height:49px; background: url(/images/mov_arrow.png) no-repeat; position: absolute; display: block; margin:25px 0 0 -100px
}
#ply_cont .ply_info .thumb_box .thumb_img{}
#ply_cont .ply_info .thumb_box .thumb_img img{}
@media (min-width: 1440px) {
	#ply_cont .ply_info .thumb_box .thumb_img img{width:1280px; height:720px}
}
#ply_cont .ply_info .thumb_box .thumb_bg{background: #feab02}

/*플레이어-동영상*/
#ply_cont .ply_info .ply_mov{display:inline-block}
#ply_full .ply_mov{background: #000}
#ply_full .ply_mov .ply_mov_wrap{}
/*#ply_full .ply_mov .ply_mov_wrap video{width:100%; max-width:1380px}*/

/*플레이어-강좌정보*/
#ply_cont .ply_info .ply_set{}
#ply_full .ply_info{max-width:1280px; display: flex; justify-content: space-between; margin: 0 auto}
#ply_full .ply_info .ply_set{width:70%}
 .ply_sample{position: absolute; width:100%; height:50px; line-height: 50px; text-align: center; background: rgba(0,105,180,0.8); color: #fff}

.ply_info .st_wrap{display: flex}
.ply_info .st_wrap .itgo_pro{width:78px; height:78px; border-radius: 40px; overflow: hidden; display: block}
.ply_info .st_wrap .itgo_pro .tea_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:60px 0 0 -16px;display:none}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap{display: block; position: relative; line-height: 24px}
.ply_info .st_wrap .itgo_pro .tea_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box{}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box .pop_box_st{
	height:40px; line-height: 40px; background: #f3f6f8; padding:0 20px; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box ul{padding:20px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box ul>li{}

.ply_info .st_wrap h2{font-size: 18px; padding:15px 0 0 15px; line-height: 24px}
.ply_info .st_wrap h2 .st_tea{font-size: 14px; font-weight: 400}
.ply_info .st_wrap button{margin:10px 0 0 5px}
.ply_info .st_wrap .btn_fav{width:113px; min-width:113px; height:33px; background: #fff; border:solid 2px #d6d9db; border-radius: 20px; font-size: 14px}
.ply_info .st_wrap .btn_fav.atvice{background: #0069b4; color:#fff;border: solid 2px #0069b4}
.ply_info .st_wrap .fav_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:33px 0 0 -12px;display:none}
.ply_info .st_wrap .fav_pop .fav_pop_wrap{padding:20px; display: block; position: relative; line-height: 24px}
.ply_info .st_wrap .fav_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}
.ply_info .st_wrap .btn_doc,.ply_info .st_wrap .btn_doc2,.modal-content .btn_doc{width:81px; min-width:81px; height:33px; background: #0069b4; color:#fff; border-radius: 20px; font-size: 14px}
.ply_info .st_wrap .btn_relation {width: 81px;min-width: 81px;height: 33px;background:#fff;border: solid 2px #d6d9db;color:#000; border-radius: 20px;font-size: 14px;order: solid 2px #d6d9db;}
.ply_info .st_wrap .btn_relation:hover{background:#0069b4;color:#fff !important}

.ply_info .tag_wrap{display: flex; justify-content: right; padding-top:15px}
.ply_info .tag_wrap dl{display: flex}
.ply_info .tag_wrap dl>dd{margin:0 10px 0 0}
.ply_info .tag_wrap dl>dd a{font-size:14px; padding:0 10px}
.ply_info .tag_wrap .class_code{text-align: right; background: #f3f6f8; height:30px; line-height: 30px; border-radius: 15px; padding:0 10px; font-size: 14px}

.ply_info .tag_wrap2{display: flex; padding:15px 0; justify-content:space-between}
.ply_info .tag_wrap2 dl{width:calc(100% - 200px)}
.ply_info .tag_wrap2 dl>dd{margin:0 5px 5px 0; line-height: 30px; background: #f3f6f8; padding:0 10px; border-radius: 15px; white-space:nowrap; display: inline-block; font-size:14px}
/*.ply_info .tag_wrap2 dl>dd a{font-size:14px; padding:0 10px}*/
.ply_info .tag_wrap2 .class_code{background: #f1fdf6; height:30px; line-height: 30px; border-radius: 15px; padding:0 10px; font-size: 14px}
.ply_info .tag_wrap2 dl::-webkit-scrollbar{height:5px}
.ply_info .tag_wrap2 dl::-webkit-scrollbar-thumb{background: #d6d9db; border-radius:5px}

/* 참고도서 */
.ply_info .ply_tab img.referenceBook{width: 80px; height: 110px;}

.ply_info .ply_tab{width:100%; margin-top:30px; font-size: 14px; border-top:solid 1px #d6d9db}
.ply_info .ply_tab tr>th{padding:0 10px; font-weight: 400; background:url(/images/tab_line.png) 0 100% repeat-x #f3f6f8; line-height: 20px; vertical-align: middle}
.ply_info .ply_tab tr>td{padding:15px 20px; background:url(/images/tab_line.png) 0 100% repeat-x; line-height: 20px; vertical-align: middle}
.ply_info .ply_tab tr>td:nth-child(n+2){word-break:break-all}
.ply_info .ply_tab tr:nth-last-child(1)>th{background-image: none; border-bottom:solid 1px #d6d9db}
.ply_info .ply_tab tr:nth-last-child(1)>td{background-image: none; border-bottom:solid 1px #d6d9db}
.ply_info .ply_tab button{width:85px; height:33px; border-radius: 20px; margin-left:5px}
.ply_info .ply_tab .ply_on{background: #0069b4; color: #fff}
.ply_info .ply_tab .class_cer{}
.ply_info .ply_tab .class_cer .cer_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:23px 0 0 -11px;display:none}
.ply_info .ply_tab .class_cer .cer_pop .cer_pop_wrap{padding:20px; display: block; position: relative; line-height: 24px}
.ply_info .ply_tab .class_cer .cer_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}
.ply_info .ply_tab .tea_info{}
.ply_info .ply_tab .tea_info th{vertical-align: middle}
.ply_info .ply_tab .tea_info td{}
.ply_info .ply_tab .tea_info td .tea_info_wrap{width:100%; display: flex}
.ply_info .ply_tab .tea_info span.tea_img{}
.ply_info .ply_tab .tea_info span.tea_img img{width: 78px; height: 78px; border-radius: 40px}
.ply_info .ply_tab .tea_info div.tea_tt_wrap{padding:0 0 0 30px}
.ply_info .ply_tab .tea_info div.tea_tt_wrap .tea_name{font-size: 16px; font-family: NanumB; padding:5px 0; display: block}
.ply_info .ply_tab .tea_info div.tea_tt_wrap ul{}
.ply_info .ply_tab .tea_info div.tea_tt_wrap ul>li{}

.ply_info .ply_note{background: #f3f6f8; border-radius: 15px; padding:20px; margin-top:30px; font-size: 14px; line-height: 20px}
.ply_info .ply_note dt{font-family: NanumB; margin-bottom:10px}

#ply_mov_basic{position: relative}

#ply_info .mov_mid{position: relative; /* 기준점 설정 */}
#ply_info .intro_st{position:absolute; width:100%;max-width:1280px; height:100px; text-align:center; display:block; top:180px;  font-size:40px; font-weight:bold;color:#fff}
#ply_info .mov_mid .intro01{position:absolute; top:50px; left:900px; font-size:18px; color:#333; font-weight:bold; display:block; overflow:hidden; padding:10px 20px; background: #fff000; border-radius: 20px}
#ply_info .mov_mid .intro02{
	position:absolute; top:50px; margin-left:830px; font-size:18px; color:#333; font-weight:bold; display:block; overflow:hidden; padding:10px 20px; background: #fff000; border-radius: 20px}
/*#ply_info .mov_mid .intro03{position:absolute; top:480px; margin-left:530px; font-size:32px; font-weight:bold; display:block;}*/
#ply_info .mov_mid .intro03{position:absolute; top:420px; left:970px;  font-size:32px; font-weight:bold; display:block;}
#ply_info .mov_mid .intro03 em{ font-size:18px; font-weight:normal}
#ply_info .mov_mid .canvas001{width:1280px; height:332px; background:url(images/canvas001.png) no-repeat; display:block; margin:0 0 0 -10px; z-index:-1;}
#ply_info .mov_mid .canvas002{width:1280px; height:250px; background:url(images/canvas002.png) no-repeat; display:block; margin:100px 0 0 0; z-index:-1}
#ply_info .mov_mid .tea{width:328px; height:455px; background:url(/education/lecture/images/teacher/canvas003_none.png) no-repeat; /*background:url(<%=teacher_img%>) no-repeat;*/ display:block; z-index:1; margin:-455px 0 0 -10px}

/* 강의실 - ㅇ*/

/* 강의실 - 1:1문의 */
.qna_set{position: fixed; right:80px; bottom:80px}
.qna_set .qna_set_wrap{position: relative}
.qna_set .qna_cha{width:59px; height:59px; display: block; background: url(/images/join_cha.png) no-repeat; position: absolute}
.qna_set .qna_pop{width:42px; height:42px; background: #000; position: absolute;
	z-index: -1; margin:-25px 0 0 22px; border-radius: 21px; color: #fff; font-size: 12px; padding:7px; box-sizing: border-box; text-align: center
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width:12px !important;
	height:12px !important; 
	border-radius: 6px !important; 
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
	text-indent: -9999px !important; 
	transition: background .3s ease !important;
	overflow: hidden;
}

/*
.ui-slider .ui-slider-handle{
	width:12px !important;
	height:12px !important; 
	background: rgba(255,255,255,0) !important; 
	border-radius: 6px !important; 
	position: absolute !important; 
	margin-top:-4px !important; 
	text-indent: -9999px !important; 
	transition: background .3s ease !important;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
*/
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 4px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: rgba(255,255,255,0.5);
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #fff;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
.not-free{cursor:pointer}
	
#player_slider, #slider{border:0 !important}
#player_slider .ui-state-default{border:0 !important; margin-top: 1px; background: #fff}
#slider .ui-state-default{border:0 !important; background: #fff !important}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


#ply_cont .ply_info .thumb_box .subtitle_tt {
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(/images/subtitle_img.png) 30px 50% #fff no-repeat;
    padding: 0 30px 0 53px;
    border-radius: 30px;
    color: #000;
    font-family: NanumB;
	animation: blink 2s infinite;
}

.modal-body .class_list_tab{width:100%; font-size: 14px}
.modal-body .class_list_tab caption{font-family:NanumEB; text-align: left; font-size: 30px; padding-bottom:20px}
.modal-body .class_list_tab thead{width:100%; height:49px; line-height: 49px; margin-top:20px; background: #f3f6f8; border-top:solid 1px #d6d9db}
.modal-body .class_list_tab thead>tr{}
.modal-body .class_list_tab thead>tr>th{font-family: Nanum; font-weight: normal}
.modal-body .class_list_tab tbody>tr>td{padding:20px 0; text-align: center; background: url(/images/tab_line.png) 0 100% repeat-x}
.modal-body .class_list_tab tbody>tr:hover{background: #fffdea}
.modal-body .class_list_tab .class_list_tab_st{text-align: left; padding-left:10px}

.modal-body .class_list_tab .class_list_tab_st .class_sub{font-size: 11px; background: #3badff; color: #fff;  border-radius: 5px; padding:3px 5px; margin-left:5px; font-family: NanumB}

#sit_rel {
    position: relative;
    border-top: 2px solid #000;
	border-bottom: 1px solid #d6d9d8 !important;
    padding: 20px 20px 10px;
    margin: 40px 0 40px;

}
#sit_rel h2 {
    margin: 0 0 20px;
    font-size: 1.375rem;
    color: #252525;
    font-weight: 700;
    text-align: center;
}
#itgo-player {
	max-width: 1280px !important;
	height: 720px !important;
}
.span-br{display:inline-block;margin:0}

@media(max-width:1440px){
	
	#ply_cont .ply_info .thumb_box {
		width:100%;
		max-width: 640px !important;
		height: 360px !important;
		
	}
	#ply_cont .ply_info .thumb_box img{width:100%;}
	#ply_cont .ply_info {
		width:100%;
		max-width: 640px;
		padding: 20px;
	}
	.ply_info .st_wrap h2 {
		font-size: 14px;
	}
	#ply_cont .ply_info .thumb_loading_box {
		width:100%;
		max-width: 640px;
		height: 360px;
	}
	#ply_cont .ply_info .thumb_loading_box img{width:100%;}
	#itgo-player {
		max-width: 640px !important;
		height: 360px !important;
	}
	
	.ply_info .ply_tab {
		font-size: 12px;
	}
	#ply_info .mov_mid .canvas001 {
		width: 640px;
		height: 166px;
	    margin: 0 0 0 ;
	}
	#ply_info .mov_mid .canvas002 {
		width: 640px;
		height: 125px;
	    margin: 50px 0 0 0;
	}
	#ply_info .intro_st {
		
		max-width: 640px;
	    top: 130px;
	    font-size: 20px;
		
	}
	#ply_info .mov_mid .tea {
		width: 164px;
	    height: 198px;
	    margin: -168px 0 0 -10px;
		background-size:90%;
	}
	#ply_info .mov_mid .intro02 {
		top: 30px;
		margin-left: 300px;
		font-size: 14px;
		

	}
	#ply_info .mov_mid .intro03 {
		left: 500px;
		
		font-size: 25px;
	    top: 200px;
	}
	#ply_info .mov_mid .intro01{
		top: 30px;
		margin-left: -560px;
		font-size: 14px;
	}
	.ply_info .ply_tab tr>th {

	}
	
	.ply_info .st_wrap .itgo_pro {
		max-width: 56px !important;
		height: 56px !important;
		margin-top:20px;
		
	}
	.ply_info .st_wrap .itgo_pro img{
		width: 56px !important;
		
		
	}
	.ply_info .st_wrap .btn_fav {
		width: 90px;
		min-width: 90px;
		height: 33px;
		
		font-size: 12px;
	}
	.ply_info .st_wrap .btn_doc {
		width: 75px;
		min-width: 75px;
		height: 33px;
		
		font-size: 12px;
	}
	.ply_info .st_wrap .btn_relation {
		width: 75px;
		min-width: 75px;
		height: 33px;
		
		font-size: 12px;
	}
	#ply_cont .ply_info .thumb_box .thumb_tt {
		height: 35px;
		line-height: 35px;
		
		top: 20px;
		font-size:16px;
	    padding: 0 30px;
	}
	.span-br{display:block;margin:10px 0 0 -10px}

	
}


/* 수강신청 */
.ply_set .class_app{margin:30px 0 30px 0}
.ply_set .class_app dl.classapp_list{display: flex; justify-content: space-between; flex-wrap: wrap}
.ply_set .class_app dl.classapp_list dt{font-family: NanumEB; width:100%; margin: 10px 0 10px 0;}
.ply_set .class_app dl.classapp_list dd{width:calc(50% - 20px); border-radius: 20px; padding:20px; font-size: 14px; box-sizing: border-box; position: relative; cursor: pointer}
.ply_set .class_app dl.classapp_list dd.classapp_sec1{border: solid 2px #0069b4}
.ply_set .class_app dl.classapp_list dd.classapp_sec2{/*border: solid 1px #b44800;*/ border: solid 2px #feab02}
.ply_set .class_app dl.classapp_list dd.app_off{border:solid 2px #d6d9db}
.ply_set .class_app dl.classapp_list dd.app_off .classapp_appset .classapp_app{background: #d6d9db}

.ply_set .class_app dl.classapp_list dd.classapp_sec1>ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.ply_set .class_app dl.classapp_list dd>ul>li{ line-height: 24px}

.ply_set .class_app dl.classapp_list dd>ul>li.classapp_st1{width:100%}
.ply_set .class_app dl.classapp_list dd>ul>li.classapp_st1 span{background: linear-gradient(to top, rgba(110, 195, 255, 0.5) 40%, transparent 40%);  display: inline; font-family: NanumEB}

.ply_set .class_app dl.classapp_list .classapp_price{margin:20px 0 0 0}
.ply_set .class_app dl.classapp_list .classapp_price .classapp_price_tt1{display: block}
.ply_set .class_app dl.classapp_list .classapp_price .classapp_price_tt2{display: block; font-family: NanumH; font-size: 28px; margin:5px 0 0 0; letter-spacing: -1px}

.ply_set .class_app dl.classapp_list .classapp_appset{text-align: center}
.ply_set .class_app dl.classapp_list .classapp_appset .classapp_date{display: block}
.ply_set .class_app dl.classapp_list .classapp_appset .classapp_app{display: block; margin:5px 0 0 0; padding:5px 40px; background: #0069b4; border-radius: 50px; color: #fff}

.ply_set .class_app dl.classapp_list dd>ul>li.classapp_st2{width:100%}
.ply_set .class_app dl.classapp_list dd>ul>li.classapp_st2 span{background: linear-gradient(to top, rgba(253, 198, 160, 0.5) 40%, transparent 40%);  display: inline; font-family: NanumEB}
.ply_set .class_app dl.classapp_list dd>ul>li.classapp_freett{margin:7px 0 0 0}
.ply_set .class_app dl.classapp_list dd>ul>li.classapp_free{/*position: absolute; top:10px; right:30px; padding:5px 20px; background: #d6d9db; border-radius: 50px;*/ display: inline-block; margin:10px 0 0 0; font-weight: 800}


/* 과정소개/학습목표/교육대상/선수과정 */
.ply_set .class_info{}
.ply_set .class_info .class_info_cont{font-size: 14px; padding:20px 0; line-height: 20px}
.ply_set .class_info .class_info_cont dl{margin-top:30px}
.ply_set .class_info .class_info_cont dl>dt{margin-bottom:5px; font-family: NanumB}
.ply_set .class_info .class_info_cont .class_info01{display: flex}
.ply_set .class_info .class_info_cont .class_info01 dt{width:140px; height:90px; background: url(/images/classinfo_ico001.png) 50% 10px no-repeat; text-align: center; box-sizing: border-box; padding:80px 0 0 0}
.ply_set .class_info .class_info_cont .class_info01 dd{width:calc(100% - 140px); background: #f3f6f8; padding:20px; border-radius: 20px}
.ply_set .class_info .class_info_cont .class_info01 dd .class_box{line-height: 20px;  /*background: url(/images/classinfo_dot001.png) 15px 15px no-repeat #f3f6f8;*/ padding:10px 15px; border-radius: 20px; display:block; margin:10px 0}

.ply_set .class_info .class_info_cont .class_info02{display: flex}
.ply_set .class_info .class_info_cont .class_info02 dt{width:140px; height:90px; background: url(/images/classinfo_ico002.png) 50% 10px no-repeat; text-align: center; box-sizing: border-box; padding:80px 0 0 0}
.ply_set .class_info .class_info_cont .class_info02 dd{width:calc(100% - 140px); background: #f3f6f8; padding:20px; border-radius: 20px; line-height: 24px}
.ply_set .class_info .class_info_cont .class_info02 dd .class_box{line-height: 20px;  /*background: url(/images/classinfo_dot002.png) 15px 15px no-repeat #f3f6f8;*/ padding:10px 15px; border-radius: 20px; display: block; margin:10px 0}

.ply_set .class_info .class_info_cont .class_info03{min-height:110px; padding:20px 20px 20px 140px; border-radius: 15px; background: url(/images/classinfo_ico003.png) 20px 20px no-repeat #fffdea; box-sizing: border-box; margin-top:70px}
.ply_set .class_info .class_info_cont .class_info03 dt{}
.ply_set .class_info .class_info_cont .class_info03 dd{line-height: 24px}
.ply_set .class_info .class_info_cont .class_info03 dd .class_box{line-height: 20px;  /*background: url(/images/classinfo_dot003.png) 0 5px no-repeat;*/ border-radius: 20px; display: block; /*padding:0 0 0 15px*/}

.ply_set .class_info .class_info_cont .class_info04{min-height:110px; padding:20px 20px 20px 140px; border-radius: 15px; background: url(/images/classinfo_ico004.png) 20px 20px no-repeat #f1fdf6; box-sizing: border-box}
.ply_set .class_info .class_info_cont .class_info04 dt{}
.ply_set .class_info .class_info_cont .class_info04 dd{line-height: 24px}
.ply_set .class_info .class_info_cont .class_info04 dd .class_box{line-height: 20px;  /*background: url(/images/classinfo_dot004.png) 0 5px no-repeat;*/ border-radius: 20px; display: block; /*padding:0 0 0 15px*/}

.lear_obje{background: url(/images/classinfo_ico005.png) 20px 20px #fdf7f1 no-repeat; padding:20px 20px 20px 140px; border-radius: 15px; font-size: 14px}
.lear_obje .lear_obje_st{font-family: NanumB}
.lear_obje .lear_obje_dd{line-height: 20px; margin:10px 0 0 0}

/* 시리즈강좌 - 강의실 */
.itgo-ration {position:relative}
.itgo-ration-in {}
.itgo-ration .item-itgo-ration {position:relative;padding-left:5px;padding-right:5px;outline:none}
/* 이미지 */
.itgo-ration .lecture-img-wrap {position:relative;overflow:hidden;background:#fff}
.itgo-ration .lecture-img-wrap a {display:block}
.itgo-ration .lecture-img-wrap a.win-new {opacity:0;position:absolute;top:55%;left:40%;transform:translate(-40%,-50%);width:100px;height: 26px;padding:0 10px;line-height:26px;font-size:11px;text-align:center;color:#000;background:rgba(255,255,255,.8);box-shadow:0 0 3px rgba(0,0,0,.15);border:1px solid #0069b4;border-radius:17px !important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.itgo-ration .item-itgo-ration-in:hover a.win-new {opacity:1;top:50%}
.itgo-ration .lecture-img-wrap a.win-new:hover {color:#fff;background:rgba(0,105,180,.8)}
.itgo-ration .lecture-img-in {position:relative;overflow:hidden;width:100%}
.itgo-ration .lecture-img-in img {display:block;width:100% \6;max-width:225px !important;height:auto !important;}
.itgo-ration .item-itgo-ration-in .hvr-img {position: absolute;top: -100%;left: 0;width: 100%;transition:.3s}
.itgo-ration .item-itgo-ration-in:hover .hvr-img {top:0;}
.itgo-ration .lecture-description {position:relative;overflow:hidden}
.itgo-ration .lecture-description .lecture-description-in {position:relative;bottom:0;overflow:hidden;z-index:1;padding:0 10px 10px}
.itgo-ration .lecture-description .lecture-name {position:relative;overflow:hidden;margin:5px 0;}
.itgo-ration .lecture-description .lecture-name a {display:block;line-height:18px;font-size:14px;color:#333}
.itgo-ration .lecture-description .lecture-name a:hover {text-decoration:underline}
.itgo-ration .lecture-description .title-price {font-size:13px;color:#ff0000;font-weight:800;margin-left: auto;padding-right:20px}
.itgo-ration .lecture-description .lecture-teacher {position:relative;overflow:hidden;margin:10px 0 0 0;}
.itgo-ration .lecture-description .title-teacher {font-size:13px;}
.itgo-ration .lecture-description .title-regd {font-size:13px;}
.itgo-ration .lecture-description .title-class {font-size:13px;margin-left: auto;padding-right:20px}
.itgo-ration .lecture-description .line-through {font-size:11px;color:#959595;text-decoration:line-through;margin-left:7px}
.itgo-ration .lecture-description .product-id {color:#757575;display:block;font-size:12px;margin-top:8px}
.itgo-ration .lecture-description .product-info {position:relative;overflow:hidden;height:34px;color:#959595;font-size:11px;margin-top:8px}
.itgo-ration .slick-next, .itgo-ration .slick-prev {top:-30px;width:30px;height:30px;background:none;border:2px solid #0069b4;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.itgo-ration .slick-next {right:6px;z-index:1}
.itgo-ration .slick-prev {left:6px;z-index:1}
.itgo-ration .slick-next:hover, .itgo-ration .slick-prev:hover {background:#0069b4}
.itgo-ration .slick-next:before, .itgo-ration .slick-prev:before {content:"";display:block;opacity:1;position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:.3s}
.itgo-ration .slick-next:before {right:10px;border-right:2px solid #0069b4;border-top:2px solid #0069b4}
.itgo-ration .slick-prev:before {left:10px;border-left:2px solid #0069b4;border-bottom:2px solid #0069b4}
.itgo-ration .slick-next:hover:before, .itgo-ration .slick-prev:hover:before {border-color:#fff}

.notice-mo {display:none}
@media(max-width:1440px){
	.itgo-ration .item-itgo-ration-in {margin-bottom:10px}
	.itgo-ration .lecture-img-wrap a.win-new {opacity:0}
	.itgo-ration .lecture-description .lecture-name a {font-size:12px}
	.itgo-ration .product-img a.win-new {opacity:0;}
	.itgo-ration .item-itgo-ration-in:hover a.win-new {opacity:0}
	.itgo-ration .lecture-description:before {display:none}
	.itgo-ration .lecture-description .lecture-description-in {padding:0 10px 10px}
	.notice-mo {display:block;margin:0 0 10px;padding:2px 5px;font-size:11px;color:#909090;background:#f8f8f8}
	.itgo-ration .lecture-img-in img {display:block;width:100%;max-width:138px !important;height:auto !important;}
	.itgo-ration .lecture-description .title-teacher {font-size:11px;}
	.itgo-ration .lecture-description .title-price {display:none;font-size:11px;}
	.itgo-ration .lecture-description .title-regd {font-size:11px;}
	.itgo-ration .lecture-description .title-class {display:none;}
	.lecture-price{display:''}
	
}
.slick-slider .slick-track {
	  display: flex !important;
	  justify-content: flex-start !important;
}

/* 수강평 - 강의실 */
#class_review{margin:80px 0 0 0; display: flex; flex-wrap: wrap}
#class_review .class_review_st{width:calc(100% - 150px); display: flex; align-items: center; gap: 20px; padding:0 0 20px 0}
#class_review .class_review_st h3{font-family: NanumEB; font-size: 16px; line-height: 23px; margin:0}
#class_review .class_review_st  ul.star{padding: 0; margin:0; display: flex; align-items: center; gap:10px}
#class_review .class_review_st  ul.star li{margin:0}
#class_review .class_review_st  ul.star li:nth-of-type(1){width:130px; height:23px; background: url(/images/bstar_bg.png) no-repeat; overflow: hidden; text-indent: -9999px}
#class_review .class_review_st  ul.star li:nth-of-type(1) em{height:23px; background: url(/images/bstar_pt.png) no-repeat; display: block}
#class_review .class_review_st  ul.star li:nth-of-type(2){font-size: 24px; font-family: NanumEB}
#class_review .class_review_st  ul.star li:nth-of-type(3){font-size: 12px}

#class_review div.sort{width:150px; display: flex; justify-content: space-between; position: relative}
#class_review div.sort div.sort_box{width:150px; height:36px; display: flex; position: relative; cursor: pointer}
#class_review div.sort div.sort_box input{width:100%; border:solid 1px #ced4da; border-radius: 10px; text-indent: 10px; cursor: pointer; font-size: 12px}
#class_review div.sort div.sort_box div.btn_open{width:20px; height:36px; background: url(/images/review_arrow.png) 50% no-repeat; overflow: hidden; text-indent: -9999px; position: absolute; right:5px}
#class_review div.sort ul.sort_list{
	position: absolute; margin:40px 0 0 0; font-size: 12px; border-radius: 10px; line-height: 28px; padding: 5px; width:100%; box-sizing: border-box;
	background: rgba(255, 255, 255, .7); box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .3); backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 1); display:none;
}

/* open 상태 */
#class_review div.sort.active ul.sort_list{
    display:block;
	z-index: 1
}

/* arrow 회전 (선택) */
#class_review div.sort.active div.btn_open{
    transform: rotate(180deg);
}

#class_review div.sort ul.sort_list li{padding:2px 15px}
#class_review div.sort ul.sort_list li:hover{background: rgba(216,229,243,.8); border-radius: 10px}

/* 선택된 항목 표시 (추천) */
#class_review div.sort ul.sort_list li.active{
    background:rgba(216,229,243,.8);
    border-radius:10px;
}

#class_review dl.class_review_cont{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 10px}
#class_review dl.class_review_cont dt{background:url(/images/review_bg.png) 50% #f3f6f8 no-repeat; border-radius: 15px; display: flex; justify-content: center; align-items: center}
#class_review dl.class_review_cont dd{border-radius: 15px; box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .15)}

#class_review dl.class_review_cont dd.creview_wrap{font-size: 12px; padding:20px; min-width:366px; box-sizing: border-box}
#class_review dl.class_review_cont dd.creview_wrap div.creview{line-height: 18px}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01{display: flex}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 span.creview_img{width:36px; height:36px; background: url(/images/review_ico.png) no-repeat; border-radius: 50%}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap{padding:3px 0 0 10px}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap div.creview_info01 span{font-family: NanumB}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap div.creview_info01 span.creview_info01_name{}

#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap div.creview_info02 span{color:#868e96; font-family: NanumB}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap div.creview_info02 span.creview_info02_date{}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview01 div.creview_info_wrap div.creview_info02 span.creview_info02_chk{font-family: Nanum; font-size: 11px; background: #f3f6f8; color: #868e96; padding:3px 5px; border-radius: 5px}

#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview02{margin:10px 0 0 0; display: flex}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview02 span.star_wrap{width:84px; height:16px; background: url(/images/star_bg.png) no-repeat; display: block; margin:3px 0 0 0}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview02 span.star_wrap em{height:16px; background: url(/images/star_pt.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview02 span.star_tt{display: block; margin:0 0 0 10px; font-size: 11px; background: #f3f6f8; border-radius: 5px; padding:2px 5px; color:#868e96}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview03{margin:10px 0 0 0}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04{line-height: 20px; margin:15px 0 10px 0}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04 span.like{
	padding:10px 20px 10px 40px; border-radius: 20px; box-sizing: border-box; background: url(/images/ico_up.png) 20px 50% no-repeat; cursor: pointer; font-family: NanumB; border:solid 1px #d6d9db
}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04 span.like:hover{background-color: #f3f6f8}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04 span.likon{background-color: #f3f6f8; color: #868e96; cursor: default}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04 span.share{
	padding:10px 20px 10px 40px; border-radius: 20px; box-sizing: border-box; background: url(/images/ico_paste.png) 20px 50% no-repeat; cursor: pointer; font-family: NanumB; border:solid 1px #d6d9db; margin:0 0 0 5px
}
#class_review dl.class_review_cont dd.creview_wrap div.creview div.creview04 span.share:hover{background-color: #f3f6f8}

#class_review dl.class_review_cont dd.creview_wrap div.creview_com{background: #f3f6f8; padding:15px; margin:20px 0 0 0; border-radius: 15px; line-height: 16px}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com1{}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com1 span{font-family: NanumB}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com1 span.creview_name{}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com1 span.creview_tag{color:#3779a8; background: #e2f3ff; padding:3px 5px; font-size: 11px; border-radius: 5px}

#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com2{margin:5px 0 0 0; color: #868e96}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com3{margin:5px 0 0 0; line-height: 20px;}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com4{
	background: url(/images/ico_up.png) 20px 50% #fff no-repeat; cursor: pointer; border-radius: 20px; padding:10px 20px 10px 40px; display: inline-block; margin:5px 0 0 0; color: #3c6f52; font-family: NanumB; border:solid 1px #d6d9db
}#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.creview_com4:hover{background-color: #f3f6f8}
#class_review dl.class_review_cont dd.creview_wrap div.creview_com div.active{background-color: #f3f6f8; color:#868e96; cursor: default}

#class_review div.review_nav{width:100%; display: flex; justify-content: center; margin-top: 30px; position: relative}
#class_review div.review_nav div.review_nav_wrap{display: flex}
#class_review div.review_nav div.review_nav_wrap span.review_nav_pre{width: 24px; height: 24px; background: url(/images/btn_arrow_left.png); text-indent: -9999px; overflow: hidden; cursor: pointer}
#class_review div.review_nav div.review_nav_wrap span.review_nav_num{font-size: 14px; padding: 0 20px; line-height: 24px}
#class_review div.review_nav div.review_nav_wrap span.review_nav_next{width: 24px; height: 24px; background: url(/images/btn_arrow_right.png); text-indent: -9999px; overflow: hidden; cursor: pointer}
#class_review div.review_nav span.review_write_tt{position: absolute; left:0; font-size: 12px}
#class_review div.review_nav span.review_write_btn{position: absolute; right:0; font-size: 12px}
#class_review div.review_nav span.review_write_btn a{padding:10px 20px; background: #0069b4; border-radius: 20px; color: #fff}

@media(max-width:1440px){
	#class_review div.review_nav span.review_write_tt{margin-top:50px}
}

#class_review div.pop_bg{width:100%; height:100%; position: fixed; backdrop-filter: blur(3px); top:0; left:0; z-index: 99999}
#class_review div.review_write_pop{width:540px; background: rgba(226, 243, 255, .7); backdrop-filter: blur(3px); position:fixed; top:50%; left:50%; box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .15); border-radius: 15px; display: flex; justify-content: center; transform: translate(-50%, -50%); border:solid 1px #fff; box-sizing: border-box; padding:20px 0 30px 0}
#class_review div.review_write_pop dl.review_pop_wrap{width:480px; font-size: 12px}
#class_review div.review_write_pop dl.review_pop_wrap>dt{width:100%; text-align: center; font-size: 18px; font-family: NanumH; padding:20px 0}
#class_review div.review_write_pop dl.review_pop_wrap>dd{}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score{display: flex; }
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score h4{height:36px; line-height: 36px; font-family: NanumB}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap{width:150px; display: flex; justify-content: space-between; position: relative; margin:0 0 0 10px}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap div.sort_box{width:150px; height:36px; display: flex; position: relative; cursor: pointer}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap div.sort_box input{width:100%; border:solid 1px #ced4da; border-radius: 10px; text-indent: 10px; cursor: pointer; font-size: 12px}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap div.sort_box div.btn_open{width:20px; height:36px; background: url(/images/review_arrow.png) 50% no-repeat; overflow: hidden; text-indent: -9999px; position: absolute; right:5px}

#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list{
	position: absolute; margin:40px 0 0 0; font-size: 12px; border-radius: 10px; line-height: 28px; padding: 5px; width:100%; box-sizing: border-box;
	background: rgba(255, 255, 255, .9); box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .3); backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 1);
}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li{display: flex; padding:2px 0 8px 10px}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li span.sl_star{width:84px; height:16px; background: url(/images/star_bg.png) no-repeat; display: block; margin:3px 0 0 0; box-sizing: border-box}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li span.sl_star em{height:16px; background: url(/images/star_pt.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li span.sl_tt{height:16px; line-height: 16px; display: block; padding:3px 0 0 10px}

#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:nth-of-type(1) span.sl_star em{width:calc(17px * 5)}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:nth-of-type(2) span.sl_star em{width:calc(17px * 4)}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:nth-of-type(3) span.sl_star em{width:calc(17px * 3)}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:nth-of-type(4) span.sl_star em{width:calc(17px * 2)}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:nth-of-type(5) span.sl_star em{width:calc(17px * 1)}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list li:hover{background: rgba(216,229,243,.8); border-radius: 10px; font-weight: 800}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap.active ul.sort_list{
    display: block;
	z-index: 1
}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_score div.sort_wrap ul.sort_list{
    display:none;
}

#class_review div.review_write_pop dl.review_pop_wrap>dd.review_comm{margin:20px 0 0 0}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_comm h4{font-family: NanumB}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_comm div.review_box{margin:3px 0 0 0; transition: transform .5s ease;}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_comm div.review_box textarea{
	width:100%; height:80px; padding:10px; border:solid 1px #ced4da; border-radius: 10px; box-sizing: border-box; margin:5px 0 0 0; resize: none
}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_comm span.review_comm_tt{width:100%; display: block; text-align: right; padding:2px 0 0 0}

#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info{}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info dl{}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info dl dt{padding:5px 0}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info dl dd{line-height: 16px}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info dl dd::before{content: "- "}
#class_review div.review_write_pop dl.review_pop_wrap>dd.rw_info dl dd span.rw_info_padd{display: block; padding:0 0 0 8px}

#class_review div.review_write_pop dl.review_pop_wrap>dd.review_btn_set{display: flex; justify-content: center; margin:20px 0}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_btn_set button{padding:10px 20px; border-radius: 20px; color: #fff; margin:0 5px}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_btn_set button.btn_app{background: #0069b4}
#class_review div.review_write_pop dl.review_pop_wrap>dd.review_btn_set button.btn_cancel{color: #333; background: #fff; border: solid 1px #d6d9db}

/* 개인정보처리방침 */
#itgo_rule{padding:20px; font-size: 16px}
#itgo_rule .logo{width:105px; height:38px; background: url(/images/logo.png) no-repeat; overflow: hidden; text-indent: -9999px; margin-bottom:35px}
#itgo_rule .rule_box{line-height: 18px}
#itgo_rule h2{margin-bottom:20px}
#itgo_rule .pb1{font-family: NanumEB; display: block; font-size: 18px; padding:50px 0 20px 0}
#itgo_rule .pb2{font-family: NanumB; display: block; font-size: 16px; padding-bottom:10px}
.container { width: 100%; height: 450px; overflow: auto; }

/* 수강신청 */
.freepass_purch_set .app_step{display: flex; margin-top:33px;min-width: 900px;}
.freepass_purch_set .app_step li{width:240px; height:142px; background: url(/images/app_step_arrow.png) 87% 50% no-repeat}
.freepass_purch_set .app_step li:nth-last-child(1){background: none}
.freepass_purch_set .app_step li .as_circle{
	width:142px; height:142px; border-radius: 71px; display: block; text-align: center; padding-top:100px; box-sizing: border-box; font-family: NanumB; letter-spacing: -1px; font-size: 14px
}
.freepass_purch_set .app_step li:nth-child(1) .as_circle{background: url(/images/app_step1.png) #f3f6f8 55% 40% no-repeat}
.freepass_purch_set .app_step li:nth-child(2) .as_circle{background: url(/images/app_step2.png) #f3f6f8 50% 40% no-repeat}
.freepass_purch_set .app_step li:nth-child(3) .as_circle{background: url(/images/app_step3.png) #f3f6f8 47% 40% no-repeat}
.freepass_purch_set .app_step li:nth-child(1).as_active .as_circle{background: url(/images/app_step1_on.png) #0069b4 55% 40% no-repeat; color: #fff}
.freepass_purch_set .app_step li:nth-child(2).as_active .as_circle{background: url(/images/app_step2_on.png) #0069b4 50% 40% no-repeat; color: #fff}
.freepass_purch_set .app_step li:nth-child(3).as_active .as_circle{background: url(/images/app_step3_on.png) #0069b4 47% 40% no-repeat; color: #fff}

.freepass_purch_set .app_tab{}
.freepass_purch_set .app_tab{width: 100%;margin-top:40px; font-size: 14px}
.freepass_purch_set .app_tab caption{font-family:NanumB; text-align: left; font-size: 18px; padding-bottom:20px}
.freepass_purch_set .app_tab tr>th{width:110px; font-family: Nanum; font-weight: normal; background: url(/images/tab_line.png) 0 100% #f3f6f8 repeat-x}
.freepass_purch_set .app_tab tr:nth-child(1){border-top:solid 1px #d6d9db}
.freepass_purch_set .app_tab tr>td{padding:20px 0; background: url(/images/tab_line.png) 0 100% repeat-x; text-align: left; padding-left:20px; box-sizing: border-box}
.freepass_purch_set .app_tab tr:nth-last-child(1)>th{background: #f3f6f8; border-bottom:solid 1px #d6d9db}
.freepass_purch_set .app_tab tr:nth-last-child(1)>td{background: none; border-bottom:solid 1px #d6d9db}

.freepass_purch_set .app_tt{}
.freepass_purch_set .app_tt dl{margin-top:45px}
.freepass_purch_set .app_tt dt{font-size: 14px; font-family: NanumB; margin-bottom:5px}
.freepass_purch_set .app_tt dd{font-size: 14px; line-height: 20px}
.freepass_purch_set .app_tt .appbr{display: block; margin-left:10px}
#point-cancel{padding:5px 10px; background: #0069b4; margin-left:10px; border-radius: 20px; color: #fff}

.freepass_purch_set .app_tab .pt_wrap{display: flex}
.freepass_purch_set .app_tab .pt_set{width:195px; height:35px; background: #f3f6f8; border-radius: 10px; display: flex}

.freepass_purch_set .app_tab .pt_set input.pt_inp{
	width:147px; height:35px; background: rgba(0,0,0,0); text-indent: 10px; outline: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
	box-sizing: border-box; border: solid 1px rgba(0,0,0,0)
}
.freepass_purch_set .app_tab .pt_set input.pt_inp:focus{border:solid 1px #0069b4}
.freepass_purch_set .app_tab .pt_set .btn_pt{width:48px; height:35px; background: #0069b4; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px}
.freepass_purch_set .app_tab .pt_tt{line-height: 35px; text-indent: 20px}

.freepass_purch_set .app_tab .cou_set{}
.freepass_purch_set .app_tab select.cou_sel{height:35px; border:solid 1px #d6d9db; padding:0 10px}

.freepass_purch_set .app_tab .pay_select_box{display: flex}
.freepass_purch_set .app_tab .pay_select_box .circjk{width:18px; height:18px; background: #777; border-radius: 9px; display: inline-block; margin-right:5px; vertical-align: middle}
.freepass_purch_set .app_tab .pay_select_box input.inp_app_pay{display: none}
.freepass_purch_set .app_tab .pay_select_box input.inp_app_pay+label.to_app_pay{
	cursor: pointer; caret-color: transparent;
	/*width:18px; height:18px; background: #777; border-radius: 9px; display: inline-block;*/
}
.freepass_purch_set .app_tab .pay_select_box input.inp_app_pay:checked+label.to_app_pay span.circjk{
	width:18px; height:18px; background: #0069b4; border-radius: 9px; display: inline-block;
}
.freepass_purch_set .app_tab .pay_select_box label.to_app_pay{vertical-align: middle}
.freepass_purch_set .app_tab .pay_select_box .pay_wrap{display: block; margin-right:20px}
.freepass_purch_set .app_tab .pay_sale{color:#FF0000; font-family: NanumH}

.freepass_purch_set .free_btn_set{display: flex; justify-content: center; margin:20px 0}
.freepass_purch_set .free_btn_set a{padding:10px 20px; border-radius: 20px; color: #fff; margin:0 5px}
.freepass_purch_set .free_btn_set a.btn_on{background: #0069b4}
.freepass_purch_set .free_btn_set a.btn_off{color: #333; background: #fff; border: solid 1px #d6d9db}

/* 강사소개 */
#cont h2.teacher_st{padding-top:90px; display: flex; justify-content: center; font-size: 24px; font-family: NanumH; letter-spacing: -2px;}
#cont div.teacher_wrap{font-size: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; margin:50px 0 0 0}
#cont div.teacher_wrap div.teacher_info{width:calc(50% - 10px); display: flex;  background: #f3f6f8; padding:30px; box-sizing: border-box; border-radius: 15px; align-items: center; position: relative}
#cont div.teacher_wrap div.teacher_info span.teacher_img{width:78px; height:78px; display: block; margin:0 0 0 20px}
#cont div.teacher_wrap div.teacher_info span.career{padding:0 0 0 20px;}
#cont div.teacher_wrap div.teacher_info span.career h3{font-size: 24px; font-family: NanumH}
#cont div.teacher_wrap div.teacher_info span.career h3 span{font-size: 12px; margin-left:10px}
#cont div.teacher_wrap div.teacher_info span.career ul{font-size: 12px; margin:10px 0 0 0; line-height: 18px}
/*#cont div.teacher_wrap div.teacher_info span.career ul li::before{content: "-"; padding-right:5px}*/
#cont div.teacher_wrap div.teacher_info span.aitgo_tag{width:53px; height:64px; background: url(/images/aitgo_tag.png) no-repeat; position: absolute; top:-3px; right:30px}

#cont div.teacher_wrap div.teacher_infodea{width:calc(50% - 10px); display: flex;}
#cont div.teacher_wrap div.teacher_infodea h4{display: none}
#cont div.teacher_wrap div.teacher_infodea ul.info_set{width:100%; display: flex; justify-content: space-between;}
#cont div.teacher_wrap div.teacher_infodea ul.info_set li{width:calc(100% / 3 - 10px); background: #f5f6f7; border-radius: 15px; display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; align-content: center; gap:10px}
#cont div.teacher_wrap div.teacher_infodea ul.info_set li span.info_st{width:100%; display: block}
#cont div.teacher_wrap div.teacher_infodea ul.info_set li span.info_dd{display: block; font-size: 14px; font-family: NanumEB}
#cont div.teacher_wrap div.teacher_infodea ul.info_set li span.info_dd2{display: block; font-size: 14px; font-family: NanumEB; padding: 0 0 0 15px; background: url(/images/bookmark.png) 0 50% no-repeat}

#cont dl.teacher_menu{display: flex; margin:80px 0 0 0; box-shadow: inset 0 -2px 0 0 #d6d9db;}
#cont dl.teacher_menu dt{display: none}
#cont dl.teacher_menu dd{padding:10px 20px; border-bottom:solid 2px #d6d9db; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 12px}
#cont dl.teacher_menu dd.active{border-bottom:solid 2px #0069b4}
#cont dl.teacher_menu dd:hover{background: #f5f6f7}

#cont ul.teacher_cont li.clist{width:100%; margin:80px 0 0 0}
#cont ul.teacher_cont li.clist h4{}
#cont ul.teacher_cont li.clist h4 span{font-size: 12px; margin:0 0 0 5px}
#cont ul.teacher_cont li.clist h4 span em{font-family: NanumH; color:#0069b4}
#cont ul.teacher_cont li.clist ul.clist_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 10px; margin:20px 0 0 0}
#cont ul.teacher_cont li.clist ul.clist_list li{border-radius: 15px; cursor: pointer; box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .15)}
#cont ul.teacher_cont li.clist ul.clist_list li div.cate_img{overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px}
#cont ul.teacher_cont li.clist ul.clist_list li div.cate_img img{width:100%; transition: transform 0.3s ease}
#cont ul.teacher_cont li.clist ul.clist_list>li:hover div.cate_img img{transform: scale(1.14)}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info{display: flex; flex-wrap: wrap; padding:20px}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dt{width:100%; font-size: 14px; line-height: 20px; overflow: hidden; height:40px; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: NanumEB}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd{font-size: 12px; margin:10px 0 0 0; font-family: NanumB}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(1){color: #fc1c49}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(2){margin-left:10px}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(3){padding:0 0 0 15px; background: url(/images/bookmark.png) 0 50% no-repeat; margin-left:10px}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(4){border-radius: 3px; color: #333; margin-left:10px}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(4)::before{content: "￦"}
#cont ul.teacher_cont li.clist ul.clist_list li dl.cate_info dd:nth-of-type(5){width:100%; margin-top:10px}

#cont ul.teacher_cont li.clist div.clist_nav{display: flex; justify-content: center; margin:30px 0 0 0}
#cont ul.teacher_cont li.clist div.clist_nav span.clist_nav_pre{width: 24px; height: 24px; background: url(/images/btn_arrow_left.png); text-indent: -9999px; overflow: hidden; cursor: pointer}
#cont ul.teacher_cont li.clist div.clist_nav span.clist_nav_num{font-size: 14px; padding: 0 20px; line-height: 24px}
#cont ul.teacher_cont li.clist div.clist_nav span.clist_nav_next{width: 24px; height: 24px; background: url(/images/btn_arrow_right.png); text-indent: -9999px; overflow: hidden; cursor: pointer}

#cont ul.teacher_cont li.series{width:100%; margin:80px 0 0 0}
#cont ul.teacher_cont li.series h4{}
#cont ul.teacher_cont li.series h4 span{font-size: 12px; margin:0 0 0 5px}
#cont ul.teacher_cont li.series h4 span em{font-family: NanumH; color:#0069b4}
#cont ul.teacher_cont li.series ul.series_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 10px; margin:20px 0 0 0}
#cont ul.teacher_cont li.series ul.series_list li{font-size: 14px; border-radius: 15px; cursor: pointer; box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .15); padding:20px; box-sizing: border-box; line-height: 20px}
#cont ul.teacher_cont li.series ul.series_list li:hover{background: #f3f6f8}
#cont ul.teacher_cont li.series ul.series_list li::before{content: "SERIES"; font-size: 10px; background: #0069b4; padding:0px 5px; border-radius: 20px; display: block; width: max-content; margin-bottom:5px; color: #fff}


#cont ul.teacher_cont li.series div.series_nav{display: flex; justify-content: center; margin:30px 0 0 0}
#cont ul.teacher_cont li.series div.series_nav span.series_nav_pre{width: 24px; height: 24px; background: url(/images/btn_arrow_left.png); text-indent: -9999px; overflow: hidden; cursor: pointer}
#cont ul.teacher_cont li.series div.series_nav span.series_nav_num{font-size: 14px; padding: 0 20px; line-height: 24px}
#cont ul.teacher_cont li.series div.series_nav span.series_nav_next{width: 24px; height: 24px; background: url(/images/btn_arrow_right.png); text-indent: -9999px; overflow: hidden; cursor: pointer}

#cont ul.teacher_cont li.class_review_wrap{width:100%; margin:80px 0 0 0}
#cont ul.teacher_cont li.class_review_wrap>ul.star_tea li{font-family:NanumEB}
#cont ul.teacher_cont li.class_review_wrap>ul.star_tea li em{font-family:NanumH; color:#0069b4}

#cont ul.teacher_cont li div.teacher_togo{width:100%; display: flex; justify-content: center; margin:30px 0 0 0}
#cont ul.teacher_cont li div.teacher_togo a{padding:10px 20px; background: #f5f6f7; display: inline-block; font-size: 12px; border-radius: 15px}
#cont ul.teacher_cont li div.teacher_togo a:hover{background: #237bd9; color: #fff}

/* 결제 */
.pay_set{width:100%; background: #eee; bottom:0; position: fixed; display: flex; justify-content: space-between; padding:20px 0; z-index: 1}
.pay_set .itgo_cha_set{position: absolute; top:-137px; right:250px}
.pay_set .itgo_cha_set .itgo_cha_wrap{position: relative}
.pay_set .itgo_cha_set .itgo_cha1{
	position: absolute; width:121px; height:116px; background: url(/images/itgo_cha_face.gif) no-repeat; display: block; left:0; top:0;
	animation-name: itgo_face; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
.pay_set .itgo_cha_set .itgo_cha2{
	position: absolute; width:72px; height:66px; background: url(/images/itog_cha_hand.png) no-repeat;
	display: block; left:75px; top:65px;
	animation-name: itgo_hello; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
}
@keyframes itgo_face{
	0% {
		transform: rotate(0deg);
		transform-origin: bottom center;
	}
	25% {
		transform: rotate(-2deg);
		transform-origin: bottom center;
	}
	50% {
		transform: rotate(0deg);
		transform-origin: bottom center;
	}
	75% {
		transform: rotate(1deg);
		transform-origin: bottom center;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: bottom center;
	}
}

@keyframes itgo_hello{
	0% {
		transform: rotate(-5deg);
		transform-origin: bottom left;
	}
	50% {
		transform: rotate(10deg);
		transform-origin: bottom left;
	}
	100% {
		transform: rotate(-5deg);
		transform-origin: bottom left;
	}
}
.pay_set .itgo_cha_set .itgo_cha3{position: absolute; width:87px; height:32px; background: url(/images/itog_cha_body.png) no-repeat; display: block; left:0; top:116px}
.pay_set .pay_tt{padding:10px 10%; font-size: 18px; font-family: NanumB; position: relative}
.pay_set .pay_tt .itgo_cha{width:54px; height:53px; background: url(/images/itgo_cha_free.png) no-repeat; display: block; position: absolute; top:-10px; margin-left:-64px}
.pay_set .pay_tt em{color:#0069b4; font-family: NanumEB}
.pay_set .pay_app{display: flex; padding-right:20px}
.pay_set .pay_app li{}
.pay_set .pay_app li button{min-width:135px; height:40px; border-radius: 20px; margin-left:10px; padding:0 20px}
.pay_set .pay_app li button.btn_payapp{background: rgba(0,0,0,0); border: solid 2px #0069b4; color: #0069b4; font-family: NanumB}
.pay_set .pay_app li button.btn_payfree{background: #0069b4; color: #fff}

main .class_present_set table.app_tab{width:100%; margin: var(--cont-margin); border-collapse:collapse; border-top: var(--border)}
main .class_present_set table.app_tab tr th{background: var(--bg-gray); vertical-align: middle; font-weight: 400; font-size: 0.92rem}
main .class_present_set table.app_tab tr td{padding: 10px; text-align: left; border-bottom: var(--tab-border); font-size: 0.92rem; word-break: break-all; white-space: normal; vertical-align: middle}
main .class_present_set table.app_tab .payw{width:150px}
main .class_present_set table.app_tab input.class_present_inp{width:120px; border:1px solid var(--itgo); background: var(--bg-card); border-radius: var(--box-radius); padding: 7px 15px; box-sizing: border-box}
main .class_present_set table.app_tab input.btn_present_ser{cursor:pointer;background: var(--itgo); border-radius: var(--box-radius); color: var(--bg-card); padding: 7px 15px; margin: 0 0 0 5px}
main .class_present_set table.class_present_tab input.btn_present_ser{cursor:pointer;background: var(--itgo); border-radius: var(--box-radius); color: var(--bg-card); padding: 7px 15px; margin: 0 0 0 5px}