@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}


/* 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; }

/* 게시판 버튼 */
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: relative;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{}
.play_bar ul.play_bar_left{position: absolute}
.play_bar ul.play_bar_right{position: absolute; bottom:20px; right:20px}
.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}

.play_bar dl.plybar_speed{display: flex; justify-content: center; margin:30px 0 0 0}
.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 .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{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}
.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:900px; margin-top:100px; 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}