/****sub common****/

/*sub visual*/
.sub_visual{background:#ffdd4b}
.sub_visual.none_display{display:none}
.sub_visual .inner_container{padding:68px 0; background:url(/img/sub/sub_visual_new.png) no-repeat center; background-size:100%; max-width:1333px}
.sub_visual h2{font-size:40px; color:#222; font-weight:800; letter-spacing:-2px; text-align:center; line-height:1em}
.sub_visual ul{text-align:center; line-height:1em; padding-top:10px}
.sub_visual ul li{display:inline-block; font-size:15px; font-weight:600; color:#222}
.sub_visual ul li a{font-size:15px; font-weight:600; color:#222}

/*sub menu*/
.sub_menu_wrap .depth_1{text-align:center; display:flex}
.sub_menu_wrap .depth_1.col2 li{width:50%}
.sub_menu_wrap .depth_1.col3 li{width:33.3333%}
.sub_menu_wrap .depth_1.col4 li{width:25%}
.sub_menu_wrap .depth_1.col5 li{width:20%}
.sub_menu_wrap .depth_1.col6 li{width:16.6666%}
.sub_menu_wrap .depth_1.col7 li{width:14.28%}
.sub_menu_wrap .depth_1.col8 li{width:12.5%}
.sub_menu_wrap .depth_1.col9 li{width:11.1111%}
.sub_menu_wrap .depth_1 li{float:left; display:inline-block}
.sub_menu_wrap .depth_1 li a{width:100%; height:100%; padding:15px 5px; color:#fff; font-size:18px; font-weight:500; background:#545146; display:block; transition:0.2s ease}
.sub_menu_wrap .depth_1 li a:hover,
.sub_menu_wrap .depth_1 li.current a{background:#fdbb11}

.sub_section{padding:100px 0 130px}
.sub_section.wide_area{padding:0}
.sub_section.wide_area .inner_container{max-width:100%; width:100%}
.sub_section .sub_page_title{font-size:40px; color:#222; font-weight:800; letter-spacing:-2px; line-height:1em; padding-bottom:60px}
.sub_section .sub_page_title.none_display{display:none}
.sub_section .sub_page_title .logo_title img{padding-bottom:20px; padding-right:35px;}

.sub_section .small_title{font-size:25px; font-weight:800; color:#222; letter-spacing:-1px; position:relative; padding-left:40px; padding-bottom:30px}
.sub_section .small_title.no_pd {padding-bottom: 0;}
.sub_section .small_title:before{content:''; width:24px; height:24px; border-radius:100%; background:#fff; border:8px solid #ffb21d; position:absolute; left:0; top:6px}

.sub_section .sub_txt{font-size:20px; color:#666; font-weight:500; line-height:1.8; letter-spacing:-0.5px; word-break: keep-all;}
.sub_section .sub_txt.pdl_40{padding-left:40px}

.sub_section .sub_txt .inline_logo{margin-right:10px}

.swiper{background:#545146}

/*sub board menu*/
.sub_section .board_menu{max-width:620px; width:100%; margin:0 auto 60px}
.sub_section .board_menu.length_05 {max-width: 720px;}
.sub_section .board_menu ul{display:flex}
.sub_section .board_menu ul li{text-align:center; display:inline-block; float:left; width:32.258%; height:55px; border:2px solid #545146; border-radius:10px; margin-right:1.613%; transition:0.2s ease; overflow:hidden}
.sub_section .board_menu ul li a{display:block; width:100%; height:100%; transition:0.2s ease; position:relative}
.sub_section .board_menu ul li a span{font-size:18px; color:#545146; font-weight:500; letter-spacing:-1px; transition:0.2s ease; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%; width:100%}
.sub_section .board_menu ul li:hover,
.sub_section .board_menu ul li.current{border:2px solid #fdbb11}
.sub_section .board_menu ul li:hover a,
.sub_section .board_menu ul li.current a{background:#fdbb11}
.sub_section .board_menu ul li:hover a span,
.sub_section .board_menu ul li.current a span{color:#fff}

.sub_section .board_menu.col2{max-width:410px}
.sub_section .board_menu.col2 ul li{width:48.780%; margin-right:2.44%}

.sub_section .board_menu ul li:last-child{margin-right:0}

/*sub board menu 2*/
.sub_section .board_menu_type2{border-bottom:1px solid #eee}
.sub_section .board_menu_type2 ul{max-width:500px; width:100%}
.sub_section .board_menu_type2 ul li{float:left; display:inline-block; width:50%; text-align:center; padding-bottom:15px; position:relative}
.sub_section .board_menu_type2 ul li a{font-size:18px; color:#ccc; font-weight:700}
.sub_section .board_menu_type2 ul li.current:after{content:''; display:block; width:100%; height:5px; background:#545146; position:absolute; left:0; bottom:-1px}
.sub_section .board_menu_type2 ul li.current a{color:#545146}

.sub_section .board_menu_type2.pdb_100{margin-bottom:100px}
.sub_section .board_menu_type2.pdb_50{margin-bottom:50px}

.sub_section .board_menu_type2.col3{max-width:100%}
.sub_section .board_menu_type2.col3 ul li{width:33.3333%}

/*sub scrollbar*/
.thin_scroll::-webkit-scrollbar-track{background:#eee}
.thin_scroll::-webkit-scrollbar{width: 6px; height: 6px}
.thin_scroll::-webkit-scrollbar-thumb {cursor: pointer; background: #cfcfcf}

/*팝업에 넣을 효과*/
@keyframes animation-1{
  0% {
    transform: translate(-50%,-50%) scale(0);
  }
  50% {
    transform: translate(-50%,-50%) scale(1.1);
  }
  70% {
    transform: translate(-50%,-50%) scale(0.9);
  }
  100% {
    transform: translate(-50%,-50%) scale(1);
  }
}

/*--바디에 스크롤 막기--*/
.not_scroll{overflow: hidden; width: 100%}
.not_scroll .cont{position:relative}



/*KB LaSchool 소개*/
.introduce_area .intro_logo_wrap{padding-bottom:45px; display:flex; justify-content:stretch}
.introduce_area .intro_logo_wrap > div{float:left; width:48.48%; margin-right:3.04%; border:1px solid #eee; padding:65px 50px}
.introduce_area .intro_logo_wrap > div:last-child{margin-right:0; background:#fafafa}
.introduce_area .intro_logo_wrap > div .logo_wrap{text-align:center; padding-bottom:40px}
.introduce_area .intro_logo_wrap > div p{font-size: 20px; color: #666; line-height: 1.8; letter-spacing: -0.5px; padding-bottom:35px}
.introduce_area .intro_logo_wrap > div p strong{color:#ff9c00; font-weight:800}
.introduce_area .intro_logo_wrap > div p:last-child{padding-bottom:0}
.introduce_area .intro_logo_wrap > div:last-child p{font-size:18px}

.introduce_area .intro_table {border: 1px solid #eeeeee; margin-bottom: 100px;}
.introduce_area .clear:after {content: ""; display: block; clear: both;}
.introduce_area .intro_table .intro_table_row {width: 100%; float: left;}
.introduce_area .intro_table .intro_table_row:not(:last-child) {border-bottom: 1px solid #eee;}
.introduce_area .intro_table .intro_table_row > div {vertical-align: middle; width: 50%; height: 25em;}
.introduce_area .intro_table .intro_table_row > div:not(:last-child) {border-right: 1px solid #eee;}
.introduce_area .intro_table .intro_table_row .img_holder {background: #fafafa; float: left; text-align: center;}
.introduce_area .intro_table .intro_table_row .img_holder img {padding: 100px 0;}
.introduce_area .intro_table .intro_table_row .text_holder {padding: 45px 45px 50px; float: right;}
.introduce_area .intro_table .intro_table_row .text_holder img {display: block; margin-bottom: 25px;}
.introduce_area .intro_table .intro_table_row.right .img_holder {float: right;}
.introduce_area .intro_table .intro_table_row.right .img_holder img {padding: 80px 0;}
.introduce_area .intro_table .intro_table_row.right .text_holder {float: left;}
.introduce_area .intro_table .intro_table_row .text_holder p {font-size: 18px; color: #666;}
.introduce_area .intro_table .intro_table_row .text_holder p.mg_bt {margin-bottom: 45px;}


.introduce_area .img_wrap {padding-top:50px; padding-bottom:100px}
.introduce_area .img_wrap img{max-width:1320px; width:100%; margin:0 auto; display:block}
.introduce_area .img_wrap_bg{background:#fff7e2; border-radius:25px; padding:90px 0; position:relative}
.introduce_area .img_wrap_bg img{max-width:1045px; width:100%; margin:0 auto; display:block}
.introduce_area .img_wrap_bg .bg{position:absolute; right:95px; bottom:100px}
.introduce_area .img_wrap_bg .bg img{max-width:422px}

.introduce_area .logos_wrap{padding-top:20px; padding-bottom:30px}
.introduce_area .logos_wrap div{border:1px solid #ddd; border-radius:25px; float:left; width:49.24%; height:160px; display:table}
.introduce_area .logos_wrap div p{display:table-cell; vertical-align:middle; text-align:center; padding:0 10px}
.introduce_area .logos_wrap div p img{max-width:100%}
.introduce_area .logos_wrap div + div{margin-left:1.52%}

.introduce_area .intro_video {margin-bottom: 100px;}
.introduce_area .intro_video .video_holder {width: 100%; border-radius: 25px; box-sizing: border-box; overflow: hidden}
.introduce_area .intro_video .video_holder .video_inner{position: relative; width: 100%; height: 0; padding-bottom: 56.25%}
.introduce_area .intro_video .video_holder .video_inner #play_button{width: 91px; height: 91px; background: url(/img/main/video_btn.png) no-repeat center; background-size: cover;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.2s ease; cursor: pointer}
.introduce_area .intro_video .video_holder .video_inner .pause-bt{width: 90px;height: 90px; border-radius: 50%; padding: 5px; background: rgba(255,255,255,0.2) url(/img/sub/pause.png) no-repeat 50% / 50% 50%;
    border: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; cursor: pointer; opacity: 0}
.introduce_area .intro_video .video_holder .video_inner:hover .pause-bt.show{opacity:1}
.introduce_area .intro_video .video_holder .video_inner video{width:100%}
.introduce_area .intro_video .video_holder .video_inner video[poster]{width:100%; height:100%}

.introduce_area .intro_video .video_holder .video_inner .video-js{background-color:#fff}
.introduce_area .intro_video .video_holder .video_inner .video-js .vjs-big-play-button{width: 157px; height: 157px; background: url(/img/sub/video_btn_big.png) no-repeat center;
    background-size: cover; border:none; border-radius:0; margin-top:-2.5em; margin-left:-2.5em}
.introduce_area .intro_video .video_holder .video_inner .video-js .vjs-big-play-button:before{display:none}


.introduce_area .intro_video .video_holder a {position: relative; display: block; width: 100%; height: 100%;}
.introduce_area .intro_video .video_holder a:after{content:''; width:91px; height:91px; background:url(/img/main/video_btn.png) no-repeat center; 
background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:0.2s ease}
.introduce_area .intro_video .video_holder:hover a:after{filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5))}

.introduce_area .laschool_character{margin-bottom:100px}
.introduce_area .laschool_character h3{font-size:30px; font-weight:800; letter-spacing:-2px; color:#fdbb11; padding-bottom:30px}
.introduce_area .laschool_character .char_wrap div{border:1px solid #ddd; border-radius:25px; float:left; width:49.24%; padding:50px 10px}
.introduce_area .laschool_character .char_wrap div p{text-align:center; padding-bottom:35px}
.introduce_area .laschool_character .char_wrap div p + p{padding-bottom:25px}
.introduce_area .laschool_character .char_wrap div .info_title{font-size:30px; font-weight:800; letter-spacing:-2px; color:#222; line-height:1em}
.introduce_area .laschool_character .char_wrap div + div{margin-left:1.52%}
.introduce_area .laschool_character .char_wrap ul{text-align:center}
.introduce_area .laschool_character .char_wrap ul li{display:inline-block; padding:0 4%}
.introduce_area .laschool_character .char_wrap ul li span{display:block; font-size:18px; color:#222; font-weight:500; letter-spacing:-1px; text-align:center}
.introduce_area .laschool_character .char_wrap ul li span + span{padding-top:15px}

/*이용안내*/
.info_use_area .txt_box{background:#fafafa; border-radius:25px; padding:45px; margin-top:50px; position: relative;}
.info_use_area .txt_box.first, .info_use_area .txt_box.third {padding: 45px}
.info_use_area .txt_box.no_bg {background: transparent; margin-top: 0;}

.info_use_area .txt_box .box_title{font-size:23px; font-weight:800; color:#222; letter-spacing:-1px; padding-left:30px; position:relative; padding-bottom:5px}
.info_use_area .txt_box .box_title:before{content: ''; width: 17px; height: 20px; background: url(/img/main/list_icon.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 6px}
.info_use_area .txt_box .box_sub_title{font-size: 20px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; padding-left: 0; padding-bottom:15px}
.info_use_area .txt_box .dot_list li{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; position:relative; padding-left:20px; padding-bottom: 5px;}
.info_use_area .txt_box .dot_list li:last-child{padding-bottom:0}
.info_use_area .txt_box .dot_list li:before {content: ''; width: 17px; height: 20px; background: url(/img/main/list_icon.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 8px}
.info_use_area .txt_box.no_bg .dot_list li:before{content:''; width:10px; height:10px; background:#545146; position:absolute; left:0; top:11px}
.info_use_area .txt_box .dot_list li span.text_yellow {color:#ff7e00; font-weight:700}
.info_use_area .txt_box .dot_list li span.mb_br {font-weight: 500;}

.info_use_area .txt_box.second {margin-top: 0; background:#fff7e2}
.info_use_area .txt_box.second .dot_list li {font-size: 23px; color: #222; font-weight: 800; padding-left: 30px; padding-bottom: 45px;}
.info_use_area .txt_box.second .dot_list li p {font-size: 19px; padding-top: 8px; font-weight: 500; color: #666666;}


.info_use_area .txt_box.second .sm_txt_box {padding: 45px; background:#fff; margin-top:50px; border-radius:15px}
.info_use_area .txt_box.second .sm_txt_box .list_title {position: relative; color: #222; font-size: 25px;  font-weight: 800; padding-bottom: 10px;}
.info_use_area .txt_box.second .sm_txt_box ul {padding-left: 0; padding-bottom:0}
.info_use_area .txt_box.second .sm_txt_box ul li {padding-left:0; font-size: 22px; color: #545146; padding-bottom:0; font-weight: 800; letter-spacing:-1px}
.info_use_area .txt_box.second .sm_txt_box ul li span {font-weight: 400; font-size:20px}
.info_use_area .txt_box.second .sm_txt_box ul li:before{display:none}

.info_use_area .txt_box.third .tit_list {padding-left: 0;}
.info_use_area .txt_box.third ul li {font-size: 23px; color: #222; font-weight: 800; padding-left: 30px; padding-bottom: 45px}
.info_use_area .txt_box.third ul li p{font-size:20px}
.info_use_area.sub_mentee .txt_box.third img{top:auto; bottom:0; transform:translate(-75px, 0)}
.info_use_area.sub_mentee .txt_box img {display: block; position: absolute; right: 0; top: 50%; transform: translate(-50px, -50%);}
.info_use_area.sub_mentee .txt_box img.style2{ top: 196px; transform: translate(-50px, 0);}
.info_use_area.sub_mentee .txt_box img.block_bg{position:static; transform:inherit}
.info_use_area.sub_mentee .txt_box img.block_bg.center{margin:45px auto 0}

.info_use_area .txt_box.mgb_50{margin-bottom:50px}
.info_use_area .txt_box .underline_list li{padding-bottom:30px}
.info_use_area .txt_box .underline_list li .title{font-size:25px; color:#222; font-weight:800; letter-spacing:-0.5px; position:relative; z-index:2; padding-left:0; margin-bottom:5px; width:fit-content;}
.info_use_area .txt_box .underline_list li .title.under_bg1:before{content:''; width:100%; height:18px; background:url(/img/sub/under_bg1.png) no-repeat center; background-size:cover; display:block; position:absolute; z-index:-1; bottom:0}
.info_use_area .txt_box .underline_list li p{font-size:18px; font-weight:500; color:#666; padding-left:30px}
.info_use_area .txt_box .underline_list li p span{color:#ff7e00; font-weight:500}

.info_use_area .txt_box .tit_list{padding-left:30px}
.info_use_area .txt_box .tit_list li{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -1px; padding-bottom:5px}
.info_use_area .txt_box .tit_list li:last-child{padding-bottom:0}
.info_use_area .txt_box .tit_list li span{color:#ffb21d; font-weight:700;}

.info_use_area .txt_box.style2{background:#fff7e2; padding:60px 12.12% 100px}
.info_use_area .txt_box.style2 .illust_bg{padding-bottom:90px; position:relative}
.info_use_area .txt_box.style2 .illust_bg .img_holder{text-align:center; padding-bottom:75px; position:relative; z-index:1}
.info_use_area .txt_box .dot_list.small{padding-bottom:0; padding-left:0; position:relative; z-index:1}
.info_use_area .txt_box .dot_list.small li{padding-left:13px; font-size:20px; color:#222}
.info_use_area .txt_box .dot_list.small li:before{width:8px; height:8px; background:#666; top:13px}
.info_use_area .txt_box.style2 .illust_bg .illust_bg_content1{position:absolute; left:-50px; top:35px}
.info_use_area .txt_box.style2 .illust_bg .illust_bg_content2{position:absolute; right:-80px; top: 0}

.info_use_area .txt_box.style2 .video_holder{width: 100%; border-radius: 25px; box-sizing: border-box; overflow:hidden}
.info_use_area .txt_box.style2 .video_holder .video_inner{position: relative; width: 100%; height: 0; padding-bottom: 56.25%}
.info_use_area .txt_box.style2 .video_holder .video_inner iframe{z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%}
.info_use_area .txt_box.style2 .video_holder .video_inner video {width: 100%;}

.video_inner img.thumnail{width:100%; height:100%; position: absolute; top: 0; left: 0; cursor:pointer; z-index:20;}
.video_inner img.play_btn{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index:21; width:10%; cursor:pointer;}
.video_inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.info_use_area .txt_box.style2 .video_holder .video_inner .video-js{background-color:#fff}
.info_use_area .txt_box.style2 .video_holder .video_inner .video-js .vjs-big-play-button{width: 91px; height: 91px; background: url(/img/main/video_btn.png) no-repeat center;
    background-size: cover; border:none; border-radius:0; margin-top:-1.5em}
.info_use_area .txt_box.style2 .video_holder .video_inner .video-js .vjs-big-play-button:before{display:none}

.info_use_area .txt_box.mgt_30{margin-top:30px}

.info_use_area .txt_box.style2 .video_holder .video_inner #play_button {width: 91px; height: 91px; background: url(/img/main/video_btn.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.2s ease; cursor: pointer;}
.info_use_area .txt_box.style2 .video_holder .video_inner .pause-bt {width: 90px; height: 90px; border-radius:50%; padding:5px; background: rgba(255,255,255,0.2) url('/img/sub/pause.png') no-repeat 50% / 50% 50%; border: 2px solid #fff; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; cursor:pointer; opacity: 0;}
.info_use_area .txt_box.style2 .video_holder .video_inner:hover .pause-bt.show {opacity: 1;}
.info_use_area.sub_mentor .txt_box {position: relative;}
.info_use_area.sub_mentor .txt_box.mgt_30 img {display: block; position: absolute; right: 0; top: 50%; transform: translate(-134px, -50%);}
.info_use_area.sub_mentor .txt_box .box_title {padding-bottom: 40px;}
.info_use_area .txt_box .number_list{padding-left: 0; counter-reset:list-number}
.info_use_area .txt_box .number_list li{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; position: relative; padding-left: 28px; padding-bottom: 15px; counter-increment:list-number}
.info_use_area .txt_box .number_list li:last-child{padding-bottom:0}
/*.info_use_area .txt_box .number_list li:before{content:'0'counter(list-number)'.'; position:absolute; left:0; top:0; font-weight:800}*/
.info_use_area .txt_box .number_list li .list_title{color:#fdbb11; font-weight:700; display: block; font-size:22px}
.info_use_area .txt_box .number_list li .inner_font{color:#ff7e00; font-weight:700}

.info_use_area .txt_box .number_list.pdb_35{padding-bottom:35px}
.info_use_area.sub_openclass .txt_box .number_list {padding-top: 20px; padding-bottom: 45px;}
	.info_use_area.sub_openclass .txt_box .number_list li {word-break: keep-all;}
.info_use_area.sub_openclass .txt_box .number_list li:nth-child(odd) .img_holder {background: #ffb21d}
.info_use_area.sub_openclass .txt_box .number_list li:nth-child(even) .img_holder {background: #545045}
.info_use_area.sub_openclass .txt_box .number_list li .img_holder {float: left; padding: 17px; border-radius: 100%; text-align: center; margin-right: 20px; width: 4em;}
.info_use_area.sub_openclass .txt_box .number_list li .text_holder {font-size: 17px; color: #666666; font-weight: 500;}
.info_use_area.sub_openclass .txt_box .number_list li .text_holder span {display: block;color: #ffb21d; font-size: 24px; font-weight: 800; line-height: 1.4; padding-bottom: 5px; text-transform: capitalize;}
.info_use_area.sub_openclass .txt_box .number_list li .text_holder span.text_yellow {display: inline-block; font-size: 17px; font-weight: 600; color: #ff7d14;}

.info_use_area .txt_box .normal_txt{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; position: relative; padding-left: 30px; word-break: keep-all;}

.info_use_area .open_class_img_wrap{overflow:hidden; border-radius:25px; margin-top:30px}

/*이용안내 - 지원하기*/
.apply_link_area .apply_link_inner{display:flex; justify-content:center;}
.apply_link_area .apply_link_inner div{width:30.75%; float:left; margin-right:3.875%; background:#f5f6f9; border-radius:25px; padding:50px 40px}
.apply_link_area .apply_link_inner div p{text-align:center}
.apply_link_area .apply_link_inner div .apply_title{font-size:35px; color:#222; font-weight:800; letter-spacing:-1px; padding-top:4px}
.apply_link_area .apply_link_inner div .apply_txt{font-size:17px; color:#666; letter-spacing:-0.5px}
.apply_link_area .apply_link_inner div:last-child{margin-right:0}
.apply_link_area .apply_link_inner div .btn_wrap{padding-top:40px}
.apply_link_area .apply_link_inner div .btn_wrap .btn{display:block; margin:0 auto; width:100%; height:60px; background:#545146; border-radius:10px; transition:0.2s ease;
font-size:18px; color:#fff; font-weight:700; letter-spacing:-1px; padding:0 5px; cursor:pointer; line-height:60px}
.apply_link_area .apply_link_inner div .btn_wrap .btn.mxw_325{max-width:325px}
.apply_link_area .apply_link_inner div .btn_wrap .btn:hover{background:#fdbb11}

/*이용안내 - 지원하기 - 멘토모집*/
.sub_section .apply_form_area{background:#fafafa; border-radius:25px; padding:70px 50px 50px}
.sub_section .apply_form_area .sub_page_title{text-align:center}

.apply_form_inner_area{padding:50px 50px 0; background:#545146; border-radius:25px; overflow:hidden; position:relative}
.apply_form_inner_area .txt_area{max-width:746px; width:100%; background:#fff; margin:0 auto; position:relative; overflow:visible; padding:50px; z-index:1}
.apply_form_inner_area .txt_area:before{content:''; width:189px; height:812px; background:url(/img/sub/paper_flip01.png) no-repeat center; background-size:cover; position:absolute; left:-189px; top:135px}
.apply_form_inner_area .txt_area:after{content:''; width:159px; height:864px; background:url(/img/sub/paper_flip02.png) no-repeat center; background-size:cover; position:absolute; right:-159px; top:83px}
.apply_form_inner_area .txt_area p{text-align:center; font-size: 18px; color: #666; font-weight: 500; line-height: 1.6; letter-spacing: -0.5px; position: relative; padding-bottom:30px}
.apply_form_inner_area .txt_area p strong{color:#000}
.apply_form_inner_area .txt_area .logo_holder{padding-bottom:0}
.apply_form_inner_area .txt_area .apply_title{font-size:40px; color:#222; font-weight:400; letter-spacing:-2px; padding:5px 0 20px; word-break:keep-all}
.apply_form_inner_area .txt_area .apply_title strong{font-weight:900; color:#fdbb11}
.apply_form_inner_area .txt_area .apply_date{text-align:center; padding-bottom:15px}
.apply_form_inner_area .txt_area .apply_date li{display:table; float:left; width:49%}
.apply_form_inner_area .txt_area .apply_date li + li{margin-left:2%}
.apply_form_inner_area .txt_area .apply_date li span{display:table-cell; vertical-align:middle}
.apply_form_inner_area .txt_area .apply_date li .date_title{color:#fff; font-size:17px; font-weight:500; line-height:38px; background:#fdbb11; border-radius:38px; padding:0 20px; white-space:nowrap}
.apply_form_inner_area .txt_area .apply_date li .date_txt{font-size: 20px; color: #222; font-weight: 500; letter-spacing: -0.5px; padding-left:8px}
.apply_form_inner_area .txt_area .caution{font-size:17px; color:#f23458; font-weight:600; padding-bottom:40px}
.apply_form_inner_area .txt_area .img_holder{padding-bottom:0}
.apply_form_inner_area .txt_area .btn_wrap{padding-bottom:0}
.apply_form_inner_area .txt_area .btn_wrap button{width:215px; height:60px; background:#fdbb11; border-radius:60px; color:#fff; font-size:25px; font-weight:600; letter-spacing:-2px; transition:0.2s ease}
.apply_form_inner_area .txt_area .btn_wrap button:hover{background:#545146}

.apply_form_inner_area .apply_form_bg1{position:absolute; left:144px; top:114px}
.apply_form_inner_area .apply_form_bg2{position:absolute; right:100px; top:82px}
.apply_form_inner_area .apply_form_bg3{position:absolute; right:40px; bottom:250px}

.apply_form_inner_area .txt_area .form_wrap .prograss_bar p{font-size:18px; color:#ffde8a; font-weight:700; text-align:left; padding-bottom:0}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar span{width:100%; height:10px; border-radius:10px; background:#fff5dc; display:block; position:relative}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar span:after{content:''; height:100%; border-radius:10px; background:#fdbb11; position:absolute; left:0; top:0}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_1 span:after{width:20%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_2 span:after{width:40%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_3 span:after{width:60%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_4 span:after{width:80%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_5 span:after{width:100%}

.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_1_3 span:after{width:33.3333%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_2_3 span:after{width:66.6666%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_3_3 span:after{width:100%}

.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_1_2 span:after{width:50%}
.apply_form_inner_area .txt_area .form_wrap .prograss_bar.width_2_2 span:after{width:100%}

.apply_form_inner_area .txt_area .form_wrap .form_title{font-size:30px; font-weight:400; color:#222; letter-spacing:-1px; padding-top:30px; padding-bottom:10px}
.apply_form_inner_area .txt_area .form_wrap .chk_title{text-align:left; font-size:20px; font-weight:800; letter-spacing:-1px; color:#222; position:relative; padding-left:30px; padding-bottom:15px}
.apply_form_inner_area .txt_area .form_wrap .chk_title span{font-weight:800; position:absolute; left:0; top:0}

.apply_form_inner_area .txt_area .form_wrap .checks {position: relative; width:100%; background:#fff5dc; border-radius:5px; padding:20px}
.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px}
.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label:before { content: ''; position: absolute; left:0; top: 6px; width: 20px; height: 20px; text-align: center; border: 4px solid #ccc; border-radius: 100%;}

.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"]:checked + label:before{border:4px solid #fdbb11}
.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 13px; left: 7px; width: 6px; height: 6px; background: #fdbb11; border-radius: 100%;}

.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px}
.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] + label:before { content: ''; position: absolute; left:0; top: 6px; width: 20px; height: 20px; text-align: center; border: 4px solid #ccc; border-radius: 100%;}

.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"]:checked + label:before{border:4px solid #fdbb11}
.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 13px; left: 7px; width: 6px; height: 6px; background: #fdbb11; border-radius: 100%;}

.apply_form_inner_area .txt_area .form_wrap .checks.gray{background:#f8f8f8; margin-top:10px; margin-bottom:50px}


.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap{text-align:center}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li{display:inline-block}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li input{width:155px; height:50px; border-radius:50px; color:#fff; font-size:18px; font-weight:400; border:none; font-weight:500; cursor:pointer; margin-left:10px; transition:0.2s ease}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li .back{background:#868580}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li .back:hover{background:#767570}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li .confirm{background:#fdbd11}
.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li .confirm:hover{background:#fdac11}

.apply_form_inner_area .apply_form_bg3.bottom_120{bottom:120px}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap{overflow-y:scroll; min-height:200px; max-height:720px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th{text-align: left; font-size: 20px; font-weight: 800; letter-spacing: -1px; color: #222; position: relative; padding-left: 30px;
    padding-bottom: 15px;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th span{font-weight: 800; position: absolute; left: 0; top: 0}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .caution{display:inline; position:static; padding-bottom:0; font-weight:600; margin-left:10px; word-break:keep-all}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td{padding-bottom:25px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input{width:100%; height:55px; border-radius:5px; border:1px solid #eee; background:#fafafa; padding:0 20px; font-size:16px}


.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input::placeholder {color: #ccc; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input::-webkit-input-placeholder {color: #ccc}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input:-ms-input-placeholder {color: #ccc}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input:-mos-input-placeholder {color: #ccc}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .dateholder{float:left; width:calc(100% - 65px)}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .date_btn{float:left; margin-left:10px; width:55px; font-size:0; background:#fafafa url(/img/sub/calender_icon.png) no-repeat center; cursor:pointer}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .checks{background:transparent; padding:0}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .checks input[type="radio"] + label{padding-left:24px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .checks + .checks{margin-left:20px}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td select{width:100%; height:55px; border-radius:5px; border:1px solid #eee; background:#fafafa url(/img/sub/select_arrow.png) no-repeat 95% 50%; padding:0 20px; font-size:16px; color:#444; 
-webkit-appearance:none; -moz-appearance:none; appearance:none}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td select::-ms-expand{display:none}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr:last-child td{padding-bottom:50px}

.apply_form_inner_area .txt_area .form_wrap .chk_title.mgt_35{margin-top:35px}
.apply_form_inner_area .txt_area .form_wrap .checks.gray.short{margin-top:0; margin-bottom:10px; padding:15px 20px}
.apply_form_inner_area .txt_area .form_wrap .checks.gray.short input[type="radio"] + label{padding-left:30px; font-size:17px}
.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:50px}


.apply_form_inner_area .txt_area .form_wrap .chk_title.no_pdl{padding-left:0}
.apply_form_inner_area .txt_area .form_wrap .chk_title_sub{font-size:16px; font-weight:400; text-align:left; position:relative; padding-left:22px; padding-bottom:15px}
.apply_form_inner_area .txt_area .form_wrap .chk_title_sub span{position:absolute; left:0; top:0}

.apply_form_inner_area .txt_area .form_wrap textarea{width:100%; height:150px; border:1px solid #eee; background:#fafafa; border-radius:5px; padding:20px; font-size:16px; margin-bottom:20px}
.apply_form_inner_area .txt_area .form_wrap textarea::placeholder{color:#ccc}
.apply_form_inner_area .txt_area .form_wrap textarea::-webkit-input-placeholder {color: #ccc}
.apply_form_inner_area .txt_area .form_wrap textarea:-ms-input-placeholder {color: #ccc}
.apply_form_inner_area .txt_area .form_wrap textarea:-mos-input-placeholder {color: #ccc}
.apply_form_inner_area .txt_area .form_wrap textarea.mgb_50{margin-bottom:50px}

/*--입력 글자 수 세기(임시)--*/
.apply_form_inner_area .txt_area .form_wrap .chk_title_sub .keyup_cnt,
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .keyup_cnt{position:static; display:inline; font-size:12px; color:#ccc; font-weight:400}

.apply_form_inner_area .txt_area .form_wrap textarea.no_mgb{margin-bottom:0}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .table_list li{font-size: 16px; font-weight: 400; position: relative; padding-left: 22px; padding-bottom:5px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .table_list li span{position: absolute; left: 0; top: 0}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .table_list li:last-child{padding-bottom:0}

/*2023/09/12 주민번호 입력 수정*/
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .birth_input_wrap{display:flex; align-items:center}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .birth_input_wrap input{width:48%}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .birth_input_wrap span{width:4%; display:block; text-align:center; font-size:20px}

.apply_form_inner_area .txt_area .img_holder.pdt_20{padding-top:20px}
.apply_form_inner_area .txt_area .apply_last_title{font-size:30px; color:#222; font-weight:800; letter-spacing:-2px; line-height:1.5; padding:20px 0}
.apply_form_inner_area .txt_area .result_date{text-align:center; max-width:400px; display:flex; width:100%; margin:0 auto}
.apply_form_inner_area .txt_area .result_date li{display:inline-block; float:left; width:50%; background:#fdbb11; line-height:55px; color:#fff; font-size:17px; font-weight:500; letter-spacing:-1px; padding:0 10px}
.apply_form_inner_area .txt_area .result_date li + li{background:#fafafa; border:1px solid #eee; color:#222}
.apply_form_inner_area .txt_area .contact_info{text-align:center; padding:45px 0 80px}
.apply_form_inner_area .txt_area .contact_info li{display:inline-block; vertical-align:bottom}
.apply_form_inner_area .txt_area .contact_info li + li{font-size:20px; font-weight:700; letter-spacing:-1px; padding-left:8px}
.apply_form_inner_area .txt_area .contact_info li + li + li a{font-size:22px; color:#ed224d; font-weight:800}

/*이용안내 - 지원하기 - 멘티모집*/
.apply_form_inner_area.mentee{background:#ffe474}
.apply_form_inner_area.mentee .txt_area:before{background:url(/img/sub/paper_flip01_mentee.png) no-repeat center}
.apply_form_inner_area.mentee .txt_area:after{background:url(/img/sub/paper_flip02_mentee.png) no-repeat center}
.apply_form_inner_area .txt_area .img_holder.pd_30015{padding:30px 0 15px}
.apply_form_inner_area .txt_area .btn_wrap.col2 button + button{margin-left:20px}
.apply_form_inner_area .txt_area .btn_wrap button.color_dark{background:#545146}
.apply_form_inner_area .txt_area .btn_wrap button.color_dark:hover{background:#fdbb11}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox .upload-name{width:calc(100% - 150px)}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox.bs3-primary label{width:140px; margin-left:10px; height:55px; line-height:55px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .checks input[type="checkbox"] + label {padding-left:24px}


.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .normal_txt{font-size: 16px; font-weight: 400; color:#666; line-height:1.6; display:block}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap.mgt_35{margin-top:35px}


.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label.small_txt{font-size:16px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input.mgt_15{margin-top:15px}


.apply_form_inner_area .txt_area .apply_last_title.pd_20060{padding:20px 0 60px}

/*이용안내 - 지원하기 - 오픈클래스*/
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .time_table_title{font-size: 20px; font-weight: 800; letter-spacing: -1px; color: #222}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table{table-layout:fixed}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr th{border-bottom:1px solid #ededed; background:#f9f9f9}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr td{border-bottom:1px solid #ededed}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr th,
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr td{text-align:center; font-weight:500; color:#222; font-size:16px; padding:10px 0; border-right:1px solid #ededed}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr th:last-child,
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr td:last-child{border-right:none}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr:first-child th{border-top:1px solid #ededed}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table .th_time{width:28.46%}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .time_table_txt{padding-top:20px; padding-bottom:15px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .caution{padding-bottom:20px}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .info_link{cursor:pointer; width:100%; text-align:center; border:3px solid #fdbb11; display:block; height:55px; line-height:49px; color:#fdbb11; font-size:18px; font-weight:700; border-radius:5px; transition:0.2s ease}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .info_link:hover{background:#fdbb11; color:#fff}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .agreement{padding:30px 0 40px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .agreement img{display:block; margin:0 auto}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td.pdb_none{padding-bottom:0}

.apply_form_inner_area .txt_area .info_confirm_wrap .caution{padding:20px 0 30px}

.apply_form_inner_area .txt_area .upload_name_area p{text-align:left; padding-bottom:0}

.apply_form_inner_area .txt_area .upload_name_area .upload_name_image{position:relative;  padding-top:30px; padding-bottom:50px}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image label{display:block; border-radius:5px; background:#f8f8f8 url(/img/sub/upload_name_bg.png) no-repeat center; height:100px; cursor:pointer; text-align:center; transition:0.2s ease; color:#666; line-height:100px; font-size:18px}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image label:hover{background:#e3e3e3 url(/img/sub/upload_name_bg.png) no-repeat center}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file{position:relative; border-radius:5px; background:#f8f8f8; padding:15px 70px 15px 30px; margin-top:20px}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file p{font-size:18px; color:#666}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file p span{color:#ccc; font-size:16px}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file .del_file{position:absolute; width:32px; height:32px; background:#ebebeb url(/img/sub/delete_file.png) no-repeat center; right:15px; top:50%; transform:translateY(-50%); cursor:pointer; border-radius:100%; font-size:0;}
.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file .del_file:hover{background:#ccc url(/img/sub/delete_file.png) no-repeat center}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td.pdt_15{padding-top:15px}

/*--파일박스 커스텀--*/
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox{position:relative}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox label {display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer;
	border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox .upload-name {color:#444; float:left}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox.bs3-primary label {border-radius:5px; background:#a8a8a8; color:#fff; font-size:16px; font-weight:400; text-align:center; padding:0; transition:0.2 ease; float:left}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox.bs3-primary label:hover{background:#8d8c8c}


/*실시간 강의*/
.info_use_area .txt_box.no_mgt{margin-top:0}
.info_use_area .txt_box .box_title.mgt_25{margin-top:25px}

.info_use_area.sub_live_lecture {margin-bottom: 100px;}
.info_use_area.sub_live_lecture .box_title {padding-bottom: 15px;}
.info_use_area.sub_live_lecture .live_intro {padding-left: 30px;}
.info_use_area.sub_live_lecture .live_intro > li {padding-bottom: 40px;}
.info_use_area.sub_live_lecture .live_intro > li:last-child {padding-bottom: 0;}
.info_use_area.sub_live_lecture .live_intro .live_intro_title {font-size: 22px; font-weight: 800; color: #222222; position: relative; padding-left: 20px; padding-bottom: 5px;}
.info_use_area.sub_live_lecture .live_intro .live_intro_title:before {content: ""; display: block; position: absolute; top: 12px; left: 0; background: url('/img/sub/yellow_dot.png') no-repeat center; background-size: cover; width: 11px; height: 11px;}
.info_use_area.sub_live_lecture .live_intro .live_intro_title + ul li,
.info_use_area.sub_live_lecture .live_intro .intro_first{font-size: 19px; font-weight: 500; color: #222222;}
.info_use_area.sub_live_lecture .live_intro .intro_first{padding-bottom:40px}
.info_use_area.sub_live_lecture .live_intro .live_intro_title + ul li .text_yellow,
.info_use_area.sub_live_lecture .live_intro .intro_first .text_yellow{color: #ff7e00; font-weight: 500;}

.info_use_area .teacher_list_banner {width: 65%; height: 65px; margin: 50px auto 0; position: relative; text-align: center;}
.info_use_area .teacher_list_banner:after {content: ""; display: block; position: absolute; top: -25%; background: #545146; transform: skew(-30deg); width: 100%; height: 100%; border-radius: 10px; z-index: 0;}
.info_use_area .teacher_list_banner p {font-size: 22px; color: #fdbb11; font-weight: 500; position: relative; z-index: 10}
.info_use_area .txt_box .teacher_list_wrap{padding-top: 40px; padding-bottom:40px; padding-left: 20px}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner{width:100%; display:flex; flex-wrap:wrap; justify-content: center;}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder{float:left; max-width:280px; width:23%; margin-right:3.3333%; height:auto; border-radius: 8px; background:#545146; text-align: center;}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(3n){margin-right:0}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(n+4){margin-top:3.333%;}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_inner{border-radius: 10px; overflow:hidden; border:3px solid #545146; box-sizing:border-box;}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_inner img{width:100%; height:100%}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text{ padding: 25px 0;}
.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text p {color: #fff; font-weight: 500; font-size: 19px;}

.info_use_area .txt_box .lecture_list_wrap{padding-top:25px; padding-left:30px}
.info_use_area .txt_box .lecture_list_wrap .lecture_list_inner .lecture_holder{float:left; max-width:373px; width:31.476%; margin-right:2.786%; overflow:hidden; border-radius:10px}
.info_use_area .txt_box .lecture_list_wrap .lecture_list_inner .lecture_holder img{width:100%}
.info_use_area .txt_box .lecture_list_wrap .lecture_list_inner .lecture_holder:last-child{margin-right:0}

.info_use_area .txt_box .lecture_link_wrap{text-align:center; padding-top:45px}
.info_use_area .txt_box .lecture_link_wrap button{width:185px; height:55px; background:#fdbb11; font-size:18px; font-weight:700; letter-spacing:-0.5px; color:#fff; transition:0.2s ease}
.info_use_area .txt_box .lecture_link_wrap button:hover{background:#fdac11}

.info_use_area .txt_box .box_sub_title.no_pdb{padding-bottom:0}
.info_use_area .txt_box .box_sub_title span{font-size:18px; color:#ff7e00; font-weight:700; letter-spacing:-0.5px}

.info_use_area .txt_box.mgb_70{margin-bottom:70px}

.info_use_area .recording_list_wrap .recording_list_inner .item{float:left; width:23.257%; background:#fafafa; border-radius:10px; padding:15px; cursor:pointer; margin-right:2.324%; margin-bottom:2.324%; transition:0.2s ease}
.info_use_area .recording_list_wrap .recording_list_inner .item:nth-child(4n){margin-right:0}
.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{width:100%; height:168px; position:relative; overflow:hidden; border-radius:10px}
.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder:after{content: ''; width: 47px; height: 47px; background: url(/img/sub/recording_btn.png) no-repeat center; background-size: cover;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.2s ease}
.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder img{ position:absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; min-width: 100%; 
    min-height: 100%; width: auto; height: auto; object-fit:cover}
.info_use_area .recording_list_wrap .recording_list_inner .item .item_title{font-size:20px; letter-spacing:-1px; font-weight:800; margin-top:18px; display: inline-block; 
width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:0.2s ease; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 2.5em; text-align: left; word-wrap: break-word; 
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all}
.info_use_area .recording_list_wrap .recording_list_inner .item .item_txt{font-size:16px; color:#666; font-weight:500; letter-spacing:-1px; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; 
white-space: normal; height: 4.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition:0.2s ease}
.info_use_area .recording_list_wrap .recording_list_inner .item:hover{-webkit-box-shadow:0px 9px 20px 5px rgb(112 92 70 / 12%); box-shadow:0px 9px 20px 5px rgb(112 92 70 / 12%); transform:translateY(-5px)}
.info_use_area .recording_list_wrap .recording_list_inner .item:hover .recording_holder:after{filter:drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5))}
.info_use_area .recording_list_wrap .recording_list_inner .item:hover .item_title,
.info_use_area .recording_list_wrap .recording_list_inner .item:hover .item_txt{color:#fdbb11}

/*강의 비디오 팝업*/
.video_popup{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow:auto}
.video_popup .inner_wrap{z-index: 3; width: 95%; max-width: 1320px; max-height: 80vh; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}

.video_popup .inner_wrap .video_wrap{position: relative; width: 100%; height: auto; padding-top: 56.3%; overflow:hidden; border-radius:10px}
.video_popup .inner_wrap .video_wrap iframe{z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%}

.video_popup #x_btn{color:#fff; position:absolute; top:-13px; right:-50px; font-size:40px; cursor:pointer}
.video_popup .dark_bg{position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 2}

/*멘토링*/
.info_use_area .img_holder.mgt_30 {margin-top: 30px;}
.info_use_area .img_holder.mgb_30 {margin-bottom: 30px;}
.info_use_area .img_holder.mgt_30 + .small_title {margin-top: 70px;}
.info_use_area .img_holder.mgb_30 + .small_title {margin-top: 70px;}
.info_use_area .txt_box .pencil_list li{font-size: 20px; color: #222; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; padding-left: 30px; padding-bottom: 5px; position:relative}
.info_use_area .txt_box .pencil_list li:before{content: ''; width: 17px; height: 20px; background: url(/img/main/list_icon.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 9px}
.info_use_area.sub_mentoring .card_list > li {float: left; width: 31%; margin-right: 3.5%}
.info_use_area.sub_mentoring .card_list > li:last-child {margin-right: 0;}
.info_use_area.sub_mentoring .card_list > li .card_box { text-align: center; border: 1px solid #dddddd; border-radius: 12px; padding: 55px 40px 50px; }
.info_use_area.sub_mentoring .card_list > li:last-child .card_box {margin-right: 0; width: 100%;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list {text-align: left;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li {position: relative; margin-bottom: 40px;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li:last-child {margin-bottom: 0;}
.info_use_area.sub_mentoring .card_list .card_box .card_title_area {margin-bottom: 40px;}
.info_use_area.sub_mentoring .card_list .card_box .card_title {font-size: 33px; color: #222; font-weight: 800;}
.info_use_area.sub_mentoring .card_list .card_box .card_title .text_grey {font-size: 25px; color: #ccc; font-weight: 800; letter-spacing: -1px;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li .icon {display: block; padding: 15px; width: 3rem; height: 3rem; border-radius: 100%; position: absolute; left: 0; top: -10px;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li:nth-child(1) .icon {background: #545146;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li:nth-child(2) .icon {background: #fdbb11;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li:nth-child(3) .icon {background: #ffde00;}
.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li .text {font-size: 17px; color: #666; font-weight: 500; padding-left: 3.5em; word-break: keep-all;}


/*1:1 문의하기*/
.request_area .request_area_inner .request_form_wrap{background:#f5f6f9; padding:50px; border-top:3px solid #545146}
.request_area .request_area_inner .request_form_wrap form table{border-spacing:0; width:100%}
.request_area .request_area_inner .request_form_wrap form table tr th{font-size:17px; font-weight:800; color:#222; width:65px; text-align:left; padding-right:10px}
.request_area .request_area_inner .request_form_wrap form table tr th.col2{padding-left:10px; width:90px; text-align:center}
.request_area .request_area_inner .request_form_wrap form table tr td{width:auto}
.request_area .request_area_inner .request_form_wrap form table tr td input{width:100%; height:65px; padding:0 20px; border-radius:10px; border:1px solid #eee; font-size:17px; color:#666; font-weight:500}
.request_area .request_area_inner .request_form_wrap form table tr td textarea{width:100%; padding:20px; border-radius:10px; border:1px solid #eee; height:200px; overflow:auto; font-size:17px; color:#666; font-weight:500}
.request_area .request_area_inner .request_form_wrap form table tr + tr th{padding-top:20px}
.request_area .request_area_inner .request_form_wrap form table tr + tr td{padding-top:20px}
.request_area .request_area_inner .request_form_wrap form table tr + tr + tr th{vertical-align:top; padding-top:30px}
.request_area .request_area_inner .request_form_wrap form > div{padding-top:20px}
.request_area .request_area_inner .request_form_wrap form > div br{display:none}
.request_area .request_area_inner .request_form_wrap form > div .label{font-size:17px; font-weight:800; color:#222; padding-right:15px}
.request_area .request_area_inner .request_form_wrap form > div .privacy_btn{display:inline-block; border-radius:30px; background:#dbdee8; font-size:15px; color:#222; 
font-weight:500; height:35px; line-height:35px; padding:0 25px; letter-spacing:-1px; cursor:pointer; transition:0.2s ease}
.request_area .request_area_inner .request_form_wrap form > div .privacy_btn:hover{background:#adb2c2}

.request_area .request_area_inner .request_form_wrap form input[type="submit"]{border:none; width:100%; height:65px; border-radius:10px; background:#545146; color:#fff; font-size:20px; font-weight:600; text-align:center; margin-top:50px; transition:0.2s ease}
.request_area .request_area_inner .request_form_wrap form input[type="submit"]:hover{background:#fdbb11}

.request_area .request_area_inner .request_form_wrap .checks {position: relative; display:inline-block}
.request_area .request_area_inner .request_form_wrap .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.request_area .request_area_inner .request_form_wrap .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:15px; font-weight:500; color:#555;}
.request_area .request_area_inner .request_form_wrap .checks input[type="radio"] + label:before { content: ''; position: absolute; left:12px; top: 6px; width: 10px; height: 10px; text-align: center; background: #fff; border: 2px solid #ddd; border-radius: 100%;}
.request_area .request_area_inner .request_form_wrap .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.request_area .request_area_inner .request_form_wrap .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 12px; width: 10px; height: 10px; background: #fdbb11; border-radius: 100%;}

/*--개인정보 팝업--*/
.pvc_popup{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1999}
.pvc_popup .inner_wrap{z-index: 2001; width: 98%; max-width: 700px; background: #fff; border-radius:10px; max-height: 80vh; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow:hidden; animation: animation-1 0.5s forwards}
.pvc_popup .inner_wrap .f_sitemap_wrap{overflow-y:scroll; max-height:67vh;}


.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner{flex-wrap:wrap; padding:30px;}
.pvc_popup .inner_wrap > p{text-transform: uppercase; color: #222; font-size: 20px; font-weight: 800; padding: 10px 65px; border-bottom: 1px solid #eee; position:relative}
.pvc_popup .inner_wrap > p:before{content: ''; width: 24px; height: 24px; border-radius: 100%; background: #fff; border: 8px solid #ffb21d; position: absolute; left: 30px; top: 12px}

.pvc_popup .inner_wrap .sitemap_close{position: absolute; right: 15px; top: 16px; font-size: 18px; line-height: 1em; color: #222; cursor: pointer}

.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner p{font-size: 14px; color: #222; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner p strong{color:#ff7e00}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner a{text-decoration:underline; font-weight: 500; color:#222}

.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .num_list{counter-reset : numbering}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .num_list li{font-size: 14px; color: #222; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px; position:relative; padding-left:22px}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .num_list li span{position:absolute; left:0; top:0; font-weight:500}

.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_box{background: #fafafa; border-radius: 15px; padding: 20px; position: relative; margin:10px 0}

.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table{margin:20px 0}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table{border:1px solid #ddd}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table tr th{border-bottom:1px solid #ddd; padding:5px; background:#fafafa; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px; width:20%}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table tr th + th{border-left:1px solid #ddd; width:auto}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table tr td{padding:5px; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -0.5px; color:#666; text-align:center}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table tr td ul li{text-align:left}
.pvc_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner .terms_table table tr td + td{border-left:1px solid #ddd}

.pvc_popup .sitemap_bg{position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 2000}


/*멘티 - 강의- 녹화강의*/
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item{background:#fff; padding:0; width:22.727%; margin-right:3.030%; margin-bottom:3.030%}
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item:nth-child(4n){margin-right:0}
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item:hover{-webkit-box-shadow:0px 9px 20px 5px rgb(112 92 70 / 2%); box-shadow:0px 9px 20px 5px rgb(112 92 70 / 2%)}
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder{height:190px}
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder:after{width: 67px; height: 67px; background: url(/img/main/lecture_btn.png) no-repeat center}
.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .item_title{font-size:23px}

.info_use_area .selection{padding-top:50px; display:flex; margin-bottom:50px}
.info_use_area .selection li{display:inline-block; width:50%; float:left; cursor:pointer; text-align:center; height:55px; line-height:55px; background:#545146; color:#fff; font-size:18px; font-weight:500; transition:0.2s ease}
.info_use_area .selection li:hover,
.info_use_area .selection li.select{background:#fdbb11}

/*--멘티 - 강의 - 녹화강의 상세*/
.lecture_view_area .lecture_view_area_inner{width:100%; margin:0 auto}
.lecture_view_area .lecture_view_area_inner .video_holder .video_container{width: 100%; box-sizing: border-box; overflow:hidden}
.lecture_view_area .lecture_view_area_inner .video_holder .video_container .video_inner{position: relative; width: 100%; height: auto; padding-top: 56.2%}
.lecture_view_area .lecture_view_area_inner .video_holder .video_container .video_inner iframe{z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%}

.lecture_view_area .lecture_view_area_inner .txt_holder{padding-top:50px}
.lecture_view_area .lecture_view_area_inner .txt_holder .video_title{font-size:30px; letter-spacing:-1px; font-weight:800; line-height:1.3; padding-bottom:20px}
.lecture_view_area .lecture_view_area_inner .txt_holder .video_info{font-size:16px; letter-spacing:-0.5px; font-weight:500; color:#666; padding-top:20px; border-top:1px solid #eee}

.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info{margin-top:30px}
.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li{float:left; width:48.076%; margin-right:3.848%; background:#545146; height:70px; position:relative}
.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li:last-child{margin-right:0; background:#fdbb11}
.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li span{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:#fff; font-size:20px; letter-spacing:-1px; font-weight:700}

/*진단평가*/
.evaluation_subject .selection{display:flex; margin-bottom:50px}
.evaluation_subject .selection li{display:inline-block; width:50%; float:left; text-align:center; height:55px; background:#545146; font-weight:500; transition:0.2s ease}
.evaluation_subject .selection li a{display:block; width:100%; height:100%; line-height:55px; color:#fff; font-size:18px}
.evaluation_subject .selection li:hover,
.evaluation_subject .selection li.select{background:#fdbb11}

.evaluation_area{background:#fafafa; border-radius:25px; padding:50px}
.evaluation_area .evaluation_area_inner{background:#f5f6f5 url(/img/sub/paper_flip_bg.png) no-repeat; background-position-x:right; padding:50px; overflow:hidden; position:relative}
.evaluation_area .evaluation_area_inner:before{content:''; width:370px; height:768px; background:url(/img/sub/pencil_bg.png) no-repeat center; background-size:cover; position:absolute; right:95px; bottom:170px; z-index:1}
.evaluation_area .evaluation_area_inner .eval_title{font-size:35px; font-weight:800; letter-spacing:-1px; color:#222}
.evaluation_area .evaluation_area_inner .eval_date{display:inline-block; font-size:18px; color:#fff; letter-spacing:-0.5px; background:#545146; padding:15px 30px; font-weight:500; margin-top:10px}
.evaluation_area .evaluation_area_inner .eval_wrap{padding-top:50px; position:relative; z-index:2}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner{padding-bottom:50px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_sub_title{font-size:25px; color:#222; letter-spacing:-1px; padding-left:20px; font-weight:800; position:relative; margin-bottom:15px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_sub_title:before{content:''; width:12px; height:12px; border-radius:100%; position:absolute; left:0; top:50%; border:4px solid #545146; transform:translateY(-50%)}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_info{color:#222; font-size:20px; letter-spacing:-0.5px; font-weight:500; position:relative; padding-bottom:15px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_info span{position:absolute; left:0; top:0; font-weight:500}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .write_holder{padding-left:30px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .write_holder input{max-width:700px; width:100%; height:60px; border:1px solid #eee; padding:0 10px; font-size:18px}

.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks{padding-bottom:25px; padding-bottom:12px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; color:#666; font-weight:500; color:#555;}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label:before { content: ''; position: absolute; left:0; top: 3px; width: 20px; height: 20px; text-align: center; border: 4px solid #ddd; border-radius: 100%;}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"]:checked + label:before { border-color: #fdbb11; }
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks:last-child{padding-bottom:0}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner.last{padding-bottom:70px}
.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner:last-child{padding-bottom:0}

.evaluation_area .evaluation_area_inner .form_btn_wrap{padding-top:185px; padding-bottom:20px}
.evaluation_area .evaluation_area_inner .form_btn_wrap{text-align:center}
.evaluation_area .evaluation_area_inner .form_btn_wrap li{display:inline-block}
.evaluation_area .evaluation_area_inner .form_btn_wrap li input{width:155px; height:50px; border-radius:50px; color:#fff; font-size:18px; font-weight:400; border:none; font-weight:500; cursor:pointer; margin-left:10px; transition:0.2s ease}
.evaluation_area .evaluation_area_inner .form_btn_wrap li:first-child input{margin-left:0}
.evaluation_area .evaluation_area_inner .form_btn_wrap li .back{background:#868580}
.evaluation_area .evaluation_area_inner .form_btn_wrap li .back:hover{background:#767570}
.evaluation_area .evaluation_area_inner .form_btn_wrap li .confirm{background:#fdbd11}
.evaluation_area .evaluation_area_inner .form_btn_wrap li .confirm:hover{background:#fdac11}

/*야간 자습실*/
.night_study_room_area{background:#ecf6f9; border-radius:15px; padding:100px 0; position:relative}
.night_study_room_area .txt_area{position:relative; z-index:1}
.night_study_room_area .txt_area p{text-align:center; font-size:40px; font-weight:400; color:#222; letter-spacing:-1.5px; line-height:1.3; padding-bottom:30px}
.night_study_room_area .txt_area p:nth-child(2n){line-height:1.1}
.night_study_room_area .txt_area p:last-child{padding-bottom:0}
.night_study_room_area .txt_area p span{font-weight:900; color:#34b0d1}
.night_study_room_area .txt_area p .s_txt{font-size:30px; font-weight:400; color:#222}
.night_study_room_area .txt_area p strong{font-weight:900}
.night_study_room_area .txt_area p button{width:265px; height:65px; border-radius:65px; background:#0073a5; font-size:25px; font-weight:700; color:#fff; transition:0.2s ease}
.night_study_room_area .txt_area p button:hover{background:#00628c}
.night_study_room_area .txt_area p button span{color:#fff}

.night_study_room_area .night_study_room_bg1{position:absolute; left:15px; top:25px}
.night_study_room_area .night_study_room_bg2{position:absolute; right:45px; bottom:35px}

/*포인트*/
.point_area .point_header {display:flex; justify-content:stretch}
.point_area .point_header .user_info{float:left; background:#f5f6f9; width:calc(100% - 250px); border-radius:10px; padding:0 35px; min-height:90px; display:table}
.point_area .point_header .user_info p{display:table-cell; vertical-align:middle}
.point_area .point_header .user_info .greeting{font-size:20px; color:#222; font-weight:500; letter-spacing:-1px}
.point_area .point_header .user_info .point_info{padding-right:2%; width:26%; text-align:right}
.point_area .point_header .user_info .point_info.short{width:22%}
.point_area .point_header .user_info .point_info span{font-size:20px; color:#222; font-weight:500; letter-spacing:-1px; padding-left:30px; position:relative}
.point_area .point_header .user_info .point_info span + span{color:#f33e3e; font-weight:800; padding-left:20px}
.point_area .point_header .user_info .point_info span img{position:absolute; left:0; top:50%; transform:translateY(-50%)}
.point_area .point_header .use_btn_wrap{width:130px}
.point_area .point_header .use_btn_wrap button{width:100%; height:45px; background:#d6d8de; border-radius:10px; font-size:17px; color:#333; font-weight:700; transition:0.2s ease}
.point_area .point_header .use_btn_wrap button span{font-weight:700}
.point_area .point_header .use_btn_wrap button:hover{background:#bfc2cb}
.point_area .point_header .use_banner{float:left; width:250px; margin-left:20px; background:#5379c4; position:relative; min-height:90px; border-radius:10px; overflow:hidden; cursor: pointer; transition: 0.3s;}
.point_area .point_header .use_banner .font{color:#fff; font-size:23px; font-weight:900; letter-spacing:-1px; text-align:center; text-shadow: -1px 0 #071e4e, 0 1px #071e4e, 1px 0 #071e4e, 0 -1px #071e4e; width:100%;
position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.point_area .point_header .use_banner .shadow{color:#071e4e; font-size:23px; font-weight:900; letter-spacing:-1px; text-align:center; text-shadow: -1px 0 #071e4e, 0 1px #071e4e, 1px 0 #071e4e, 0 -1px #071e4e; width:100%;
position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; padding-top:3px; padding-left:4px}
.point_area .point_header .use_banner .use_banner_bg1{position:absolute; left:-50px; bottom:-30px}
.point_area .point_header .use_banner .use_banner_bg2{position:absolute; left:30px; top:-12px}
.point_area .point_header .use_banner .use_banner_bg3{position:absolute; right:10px; bottom:10px}

.point_area .point_board{margin-top:50px; display:table; width:100%}
.point_area .point_board ul{display:table-cell; width:20%}
.point_area .point_board ul:first-child li{border-left:1px solid #eee}
.point_area .point_board ul li{text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee; height:208px; letter-spacing:-1px}
.point_area .point_board ul li.th_title{height:70px; background:#f5f6f9; border-bottom:none; line-height:70px; font-size:20px; font-weight:700; color:#222}
.point_area .point_board ul:first-child li.th_title{border-left:none}
.point_area .point_board ul:last-child li.th_title{border-right:none}
.point_area .point_board ul li span{display:block; font-size:18px; color:#666; padding-top:45px}
.point_area .point_board ul li span + span{padding-top:15px}
.point_area .point_board ul li span button{max-width:145px; height:40px; border:2px solid #fdbb11; color:#fdbb11; font-size:18px; font-weight:700; letter-spacing:-1px; width:80%; transition:0.2s ease}
.point_area .point_board ul li span button:hover{background:#fdbb11; color:#fff}


/*-포인트 팝업-*/
.point_modal {display:none; position: fixed; z-index:999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; padding:0 10px}

.point_modal .dark_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1}
.point-modal-content{background: #fff; top:50%; left:50%; max-width: 800px; position: relative; width: 100%; transform: translate(-50% , -50%); z-index:2; padding:50px}
.point-modal-content .point_popup_title{font-size:24px; letter-spacing:-0.5px; font-weight:800; border-bottom:1px solid #707070; padding-bottom:40px}

.point_modal .point-modal-content .point_table_wrap{max-height:60vh; overflow-y:auto; margin-top:50px}
.point_modal .point-modal-content .point_table_wrap .gift_img_holder img{display:block; margin:0 auto}
.point_modal .point-modal-content .point_table_wrap .gift_info{padding-top:20px}
.point_modal .point-modal-content .point_table_wrap .gift_info p{text-align:center}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_title{font-size:25px; color:#222; font-weight:700; letter-spacing:-1px}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price{font-size:20px; letter-spacing:-1px}
.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price span{color:#ff6363; font-weight:800; margin-left:5px}

.point_modal .point-modal-content .point_table_wrap .left_point_wrap{margin-top:50px; display:flex}
.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point{width:47.857%; float:left; background:#f8f8f8; border-radius:25px; margin-right:4.286%; min-height:335px}
.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p{text-align:center; padding-top:45px}
.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p{font-size:23px; color:#222; font-weight:700; letter-spacing:-1px}
.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p + p{color:#ff6363; padding-top:0; font-size:20px}
.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point:last-child{margin-right:0}

.point_modal .point-modal-content .modal_btn_wrap{text-align:center; padding-top:50px}
.point_modal .point-modal-content .modal_btn_wrap li{display:inline-block}
.point_modal .point-modal-content .modal_btn_wrap li input{width:155px; height:50px; border-radius:50px; color:#fff; font-size:18px; font-weight:400; border:none; font-weight:500; cursor:pointer; transition:0.2s ease}
.point_modal .point-modal-content .modal_btn_wrap li + li input{margin-left:10px}
.point_modal .point-modal-content .modal_btn_wrap li .back{background:#868580}
.point_modal .point-modal-content .modal_btn_wrap li .back:hover{background:#767570}
.point_modal .point-modal-content .modal_btn_wrap li .confirm{background:#fdbd11}
.point_modal .point-modal-content .modal_btn_wrap li .confirm:hover{background:#fdac11}

/*포인트 적립가이드*/
.point_modal.guide{overflow:auto}
.point_modal.guide img{display:block; margin:0 auto}
.point_modal.guide .point-modal-content{padding:0; max-width:500px; background:transparent}
.point_modal.guide .point-modal-content .modal_btn_wrap{padding-top:30px}



#point-modal-content.animation-1{animation: animation-1 0.5s forwards}
#guide-modal-content.animation-1 {animation: animation-1 0.5s forwards}
/*-포인트 사용내역-*/
.point_usage_history_table table tr th{font-size: 18px; font-weight: 800; color: #222; background: #f5f6f9; padding:20px 0; text-align:center; height:40px}
.point_usage_history_table table tr td{font-size: 18px; font-weight: 500; color: #666; text-align:center; padding: 10px 5px; border-bottom: 1px solid #ecf0f1; line-height: 1.4em; height: 70px; word-break: break-all}

.point_usage_history_table table tr th.list_num{width:9%}
.point_usage_history_table table tr th.list_user,
.point_usage_history_table table tr th.list_id,
.point_usage_history_table table tr th.list_usage,
.point_usage_history_table table tr th.list_date{width:12%}

.pg_wrap.point_usage {width: 100%; text-align: center; margin: 30px 0 0; clear: both; float: left; display: inline-block}
.pg_wrap.point_usage .pg_page{border-radius:100%; margin:0 3px}
.pg_wrap.point_usage .pg_current{background: transparent; border: none; border-radius: 0; color: #fdbb11; font-size: 17px; font-weight: 600}



/*회원가입 - 선택*/
.apply_link_area .apply_link_inner.col2{max-width:1000px; width:100%; margin:0 auto}
.apply_link_area .apply_link_inner.col2.wide{max-width:100%}
.apply_link_area .apply_link_inner.col2 > div{width:47.5%; margin-right:5%;}
.apply_link_area .apply_link_inner.col2 > div .apply_cont_holder {width: 100%; margin-right: 0; position: relative; padding: 0;}
.apply_link_area .apply_link_inner.col2.wide > div{width:48%; margin-right:4%}
.apply_link_area .apply_link_inner.col2 > div + div{margin-right:0}

.apply_link_area .apply_link_inner.col2 div .apply_title{font-size:30px; padding-top:20px}
.apply_link_area .apply_link_inner.col2 div .apply_txt {min-height: 50px;}
.apply_link_area .apply_link_inner.col2 div .apply_txt img {transform: translate(2px, -2px);}

.apply_link_area .apply_link_inner.col1.wide > div{/*margin:0 auto;*/ width:100%; max-width:600px}

/*이용약관*/
.terms_area p{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px}
.terms_area p strong{color:#ff7e00}
.terms_area a{text-decoration:underline; font-weight: 500; color:#666}

.terms_area .num_list{counter-reset : numbering}
.terms_area .num_list li{font-size: 18px; color: #666; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; position:relative; padding-left:22px}
.terms_area .num_list li span{position:absolute; left:0; top:0; font-weight:500}

.terms_area .terms_box{background: #fafafa; border-radius: 25px; padding: 45px; position: relative; margin:20px 0}

.terms_area .terms_table{margin:20px 0}
.terms_area .terms_table table{border:1px solid #ddd}
.terms_area .terms_table table tr th{border-bottom:1px solid #ddd; padding:20px; background:#fafafa; font-size: 18px; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; width:20%}
.terms_area .terms_table table tr th + th{border-left:1px solid #ddd; width:auto}
.terms_area .terms_table table tr td{padding:20px; font-size: 18px; font-weight: 500; line-height: 1.8; letter-spacing: -0.5px; color:#666; text-align:center}
.terms_area .terms_table table tr td ul li{text-align:left}
.terms_area .terms_table table tr td + td{border-left:1px solid #ddd}


/*게시판 배경*/
.notice_bg1{position:absolute; left:0; bottom:470px}
.notice_bg2{position:absolute; right:15px; bottom:470px}

.prteam_bg1{position:absolute; left:0; bottom:470px}
.prteam_bg2{position:absolute; right:20px; bottom:470px}

.review_bg1{position:absolute; left:0; bottom:390px}
.review_bg2{position:absolute; right:40px; bottom:390px}

.mentorteam_bg1{position:absolute; left:0; bottom:470px}
.mentorteam_bg2{position:absolute; right:60px; bottom:470px}

.learning_diary_bg1{position:absolute; left:15px; bottom:470px}
.learning_diary_bg2{position:absolute; right:60px; bottom:990px}


/*************************************2022-11-28 수정 추가*****************************************************/

/*이용안내 - 지원하기 - 멘토모집*/
.apply_link_area .apply_link_inner{justify-content:center;}
.apply_form_inner_area .txt_area p{word-break:keep-all;}
.apply_form_inner_area .txt_area .intro_txt{white-space:pre-line;}
.apply_form_inner_area .txt_area .caution.left{text-align:left; padding-left:30px;}
.apply_form_inner_area .txt_area .caution.pdb15{padding-bottom:15px;}
.apply_form_inner_area .txt_area .caution.pdl_none{padding-left:0; padding-bottom:15px;}
.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:10px}
.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:50px;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.pdl_none{padding-left:0;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.pdl_none .caution{margin-left:0;}
.apply_form_inner_area .txt_area p.last_info{padding-bottom:50px; padding-top:15px;}
.apply_form_inner_area .txt_area .contact_info{padding:45px 0 60px;}
.apply_form_inner_area .txt_area .contact_info li{display:block;}

.apply_form_inner_area.long_scroll .txt_area .form_wrap .scroll_wrap{overflow-y: inherit; max-height: inherit;}
.apply_form_inner_area.long_scroll .txt_area:before{top:auto; bottom:0;}
.apply_form_inner_area.long_scroll .txt_area:after{top:auto; bottom:0;}

.apply_form_inner_area .txt_area .form_wrap .chk_title_sub{font-size:18px; font-weight:500; padding-left:26px;}
.apply_form_inner_area .txt_area .form_wrap .chk_title_sub span{font-weight:500;}

.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.chk_title_sub{padding-left: 26px; padding-bottom: 15px; font-size: 18px; font-weight: 500; color:#666;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.chk_title_sub span{font-weight:500;}

.apply_form_inner_area .txt_area .form_wrap textarea{white-space:pre-wrap;}

.apply_form_inner_area .privacy_img{margin:20px 0 50px; display:block;}
.apply_form_inner_area .privacy_img img{margin:0 auto;}

/*이용안내 - 지원하기 - 멘토모집결과*/
.point_modal.apply_result .point-modal-content{max-width:600px; padding:30px;}
.point_modal.apply_result .point-modal-content .modal_btn_wrap{padding-bottom:0; padding-top:30px;}
.point_modal.apply_result .point-modal-content .modal_btn_wrap li:nth-child(1){margin-right:0;}
.point_modal.apply_result .apply_result{text-align:center; font-size:18px; font-weight:600;}
.point_modal.apply_result .apply_result span{display:block; padding-top:15px; font-weight:600;}

/*마이페이지 - 멘티*/
.apply_link_area .apply_link_inner.col4 div{margin-right:1.875%; padding:30px;}
.apply_link_area .apply_link_inner.col4 div p:first-child{min-height:180px; position:relative;}
.apply_link_area .apply_link_inner.col4 div p:first-child img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.apply_link_area .apply_link_inner.col4 div .apply_title{font-size:28px;}
.apply_link_area .apply_link_inner.col4 div .btn_wrap{padding-top:20px;}
.apply_link_area .apply_link_inner.col4 div .btn_wrap .btn{height:50px; line-height:50px; font-size:16px;}
.apply_link_area .apply_link_inner.col4 div:last-child{margin-right:0;}

.mypage_eval_table table{border-top: 1px solid #707070;}
.mypage_eval_table table tr th{background: #f8f8f8; font-size: 18px; color: #222; font-weight: 700; letter-spacing: -1px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; height:56px; padding:0 15px;}
.mypage_eval_table table tr th:last-child{border-right:none;}
.mypage_eval_table table tr td{border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-size:16px; height:56px; padding:0 15px;}
.mypage_eval_table table tr td:last-child{border-right:none;}

/*************************************2023-01-17 수정 추가*****************************************************/

/*이용안내 - 지원하기 - 멘토*/
.apply_form_inner_area .txt_area .apply_title.small{font-size:32px;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.long_num{padding-left:56px;}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .caution.block{display:block; margin-left:0; font-size:15px; transform:translateX(-30px);}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.apply_link_wrap{padding:0}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .apply_link{font-size:15px; color:#5b7fff; font-weight:600; display:inline-block; border:1px solid #5b7fff; padding:10px; border-radius:30px}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .apply_link:hover{background:#5b7fff; color:#fff}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.long_num .caution.block{transform:translateX(-56px); -webkit-transform:translateX(-56px);}
.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input:disabled{background:#fff7f7; border:1px solid #ecabab;}

.apply_form_inner_area .txt_area .img_holder_td{display:block}


/*************************************2023-04-18 수정 추가*****************************************************/

/*문의 - 1:1 문의하기*/
.contact_info{text-align:center; padding-bottom:40px; font-size:20px;}


/*************************************2023-06-14 수정 추가*****************************************************/

/*야간자습실*/
.night_study_room_area .txt_area ul{max-width:710px; width:95%; margin:0 auto 40px;}
.night_study_room_area .txt_area ul li{font-size:32px; font-weight:500; position:relative; padding-left:40px; word-break:keep-all;}
.night_study_room_area .txt_area ul li:before{content:'★'; display:block; position:absolute; left:0; top:0; color:#0073a5;}
.night_study_room_area .txt_area ul li span{font-weight:800; color:#34b0d1}


/*************************************2023-01-19 수정 추가*****************************************************/ 

/*마이페이지*/
.apply_link_area .apply_link_inner.col1.wide > div p:first-child{min-height:220px; display:flex; align-items:center;}
.apply_link_area .apply_link_inner.col1.wide > div p:first-child img{}

/* Media Query */
@media only screen and ( min-width: 769px ) {
	/*sub common*/
	.swiper{display:none}
}

@media only screen and ( min-width: 481px ) {
	/*실시간 강의*/
	.info_use_area .txt_box .lecture_list_mobile{display:none}
}

@media only screen and ( min-width: 1024px ) {
	.point_area .point_header .use_banner:hover {box-shadow: 1px 7px 12px rgba(0,0,0,0.3); }
}

@media only screen and ( max-width: 1919px ) {
	/*게시판 배경*/
	.notice_bg1,.review_bg1,.mentorteam_bg1,.prteam_bg1{width:15%}
	.notice_bg2,.review_bg2,.mentorteam_bg2,.prteam_bg2{width:12%; right:2%}
	
}

@media only screen and ( max-width: 1600px ) {
	/*이용안내*/
	.info_use_area .txt_box.style2 .illust_bg .illust_bg_content1{left:-5%; top:3%; width:10%}
	.info_use_area .txt_box.style2 .illust_bg .illust_bg_content2{right:-10%; bottom:10%; width:28%}

	/*멘티 - 진단평가*/
	.evaluation_area .evaluation_area_inner{background-size:70%}
	.evaluation_area .evaluation_area_inner:before{right:8%; bottom:0; width:28.031%; height:50.56%; background-size:100%}

	/*-포인트 팝업-*/
	.point_modal .point-modal-content .point_table_wrap{max-height:45vh}
}

@media only screen and ( max-width: 1440px ) {
	/*실시간 강의*/
	.video_popup .inner_wrap{max-width:1130px}

	/*포인트*/
	.point_area .point_header .user_info{padding:0 15px}
	.point_area .point_header .user_info .greeting{font-size:16px}
	.point_area .point_header .user_info .point_info span{font-size:16px}
	.point_area .point_header .user_info .point_info span + span{padding-left:10px}
	.point_area .point_header .use_btn_wrap{width:120px}
	.point_area .point_header .use_btn_wrap button{font-size:15px}
}

@media only screen and ( max-width: 1366px ) {
	/*sub common*/
	.sub_visual .inner_container{width:100%}

	/*KB LaSchool 소개*/
	.introduce_area .laschool_character .char_wrap ul li{padding:0 2%}
	.introduce_area .laschool_character .char_wrap ul li span{font-size:16px}

	/*지원하기*/
	.apply_link_area .apply_link_inner div .apply_title{font-size:2.5vw}

	/*멘티 - 진단평가*/
	.evaluation_area .evaluation_area_inner:before{bottom:6%; right:10%; width:18.031%; height:32.56%}

	/*회원가입 - 선택*/
	.apply_link_area .apply_link_inner.col2 div .apply_title{font-size:2.2vw}

	/*멘티 - 야간자습실*/
	.night_study_room_area .night_study_room_bg1{width:14%}
	.night_study_room_area .night_study_room_bg2{width:25%}
}

@media only screen and ( max-width: 1280px ) {
	/*KB LaSchool 소개*/
	.introduce_area .img_wrap_bg{padding:90px 10px}
	.introduce_area .img_wrap_bg .bg{right:8%; bottom:8%; width:30%}
	.introduce_area .img_wrap_bg .bg img{width:100%}

	.introduce_area .intro_table .intro_table_row > div {height: 26em;}
	.introduce_area .intro_table .intro_table_row .text_holder p.mg_bt {margin-bottom: 20px;}
	.introduce_area .intro_table .intro_table_row .img_holder img {width: 80%; padding: 120px 0;}
	.introduce_area .laschool_character .char_wrap div {height: 50em;}


	/*이용안내*/
	.info_use_area.sub_mentee .txt_box img, .info_use_area.sub_mentor .txt_box.mgt_30 img  {display: none;}
	.info_use_area .txt_box.third ul li p br.mo_off{display:none;}
	
	/*이용안내 - 지원하기 - 멘토모집*/
	.apply_form_inner_area .apply_form_bg1{left:64px; top:64px}
	.apply_form_inner_area .apply_form_bg2{right:60px; top:52px}
	.apply_form_inner_area .apply_form_bg3{right:20px; bottom:150px}

	/*실시간 강의*/
	.video_popup .inner_wrap{max-width:810px}

	/*멘토링*/
	.info_use_area.sub_mentoring .card_list > li .card_box {height: 40em; padding: 40px 10px 35px}
	.info_use_area.sub_mentoring .card_list > li:nth-child(3) .card_box .card_title {padding-top: 15px;}
	.info_use_area.sub_mentoring .card_list .card_box .card_title {font-size: 30px; padding-top: 10px; line-height: 1.2;}
	.info_use_area.sub_mentoring .card_list .card_box .card_title .text_grey {font-size: 23px;}
	.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list {padding-left: 10px;}
	.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li {margin-bottom: 30px;}
	.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li .icon {width: 2rem; height: 2rem; top: -3px; padding: 6px;}
	.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li .text {padding-left: 2.5em; font-size: 16px;}

	/*--멘티 - 강의 - 녹화강의 상세*/
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_title{font-size:26px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_info{font-size:14px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li{height:60px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li span{font-size:18px}

	/*포인트*/
	.point_area .point_board ul li.th_title{height:auto; line-height:1em; font-size:1.5vw; padding:10% 0}
	.point_area .point_board ul li span{font-size:1.4vw; padding-top:17%}
	.point_area .point_board ul li span button{max-width:120px; font-size:1.4vw}
}

@media only screen and ( max-width: 1150px ) {
	/*포인트*/
	.point_area .point_header .user_info .point_info.short{width:22%}
	.point_area .point_header .user_info .point_info span{font-size:14px}
	.point_area .point_header .use_btn_wrap{width:90px}
	.point_area .point_header .use_btn_wrap button{font-size:14px}
}

@media only screen and ( max-width: 1024px ) {
	/*KB LaSchool 소개*/
	.introduce_area .laschool_character .char_wrap ul{display:flex; justify-content:center}
	.introduce_area .laschool_character .char_wrap ul li span{word-break:keep-all}
	.introduce_area .laschool_character .char_wrap div{min-height:560px}
	.introduce_area .laschool_character .char_wrap div p br{display:none; word-break:keep-all}

	/*이용안내 - 지원하기 - 멘토모집*/
	.sub_section .apply_form_area{padding:70px 30px 50px}
	.apply_form_inner_area{padding:50px 30px 0}
	.apply_form_inner_area .txt_area{max-width:800px}

	/*멘티 - 야간자습실*/
	.night_study_room_area .txt_area p{font-size:30px; padding-bottom:20px}
	.night_study_room_area .txt_area p button{width:225px; height:55px; font-size:22px}
	.night_study_room_area .txt_area p .s_txt{font-size:24px}

	/*포인트*/
	.point_area .point_header .user_info .greeting{font-size:1.5vw}
	.point_area .point_header .user_info .point_info span{font-size:1.5vw}
	.point_area .point_header .use_btn_wrap{width:90px}
	.point_area .point_header .use_btn_wrap button{font-size:1.2vw}

	.point_area .point_board ul li{height:172px}
}

@media only screen and ( max-width: 980px ) {
	/*sub common*/
	.sub_menu_wrap .inner_container{width:100%}
	.sub_menu_wrap .depth_1 li a{font-size:14px}

	.sub_section{padding:70px 0 90px}
	.sub_section .sub_page_title{font-size:30px; padding-bottom:40px}
	.sub_section .small_title{font-size:20px; padding-bottom:15px; padding-left:30px}
	.sub_section .small_title:before{width:18px; height:18px; border:6px solid #ffb21d}

	.sub_section .sub_txt{font-size:16px}
	.sub_section .sub_txt.pdl_40{padding-left:30px}

	.sub_section .board_menu{margin:0 auto 40px}
	.sub_section .board_menu ul li{height:45px}
	.sub_section .board_menu ul li a span{font-size:14px; word-break:keep-all; line-height:1.2}

	.sub_section .board_menu_type2 ul li a{font-size:16px}

	.sub_section .board_menu_type2.pdb_100{margin-bottom:30px}
	.sub_section .board_menu_type2.pdb_50{margin-bottom:30px}

	/*KB LaSchool 소개*/
	.introduce_area .intro_logo_wrap{padding-bottom:35px}
	.introduce_area .intro_logo_wrap > div{padding:45px 30px}
	.introduce_area .intro_logo_wrap > div .logo_wrap{padding-bottom:20px}
	.introduce_area .intro_logo_wrap > div p{font-size:16px; padding-bottom:15px}
	.introduce_area .intro_logo_wrap > div:last-child p{font-size:14px}

	.introduce_area .img_wrap{padding-top:30px; padding-bottom:70px}
	.introduce_area .img_wrap_bg{padding:60px 10px; margin-bottom:0}
	.introduce_area .logos_wrap{padding-top:10px; padding-bottom:20px}

	.introduce_area .intro_table{margin-bottom:70px}
	.introduce_area .intro_table .intro_table_row{display:flex}
	.introduce_area .intro_table .intro_table_row.right{flex-direction:row-reverse}
	.introduce_area .intro_table .intro_table_row > div {height: auto;}
	.introduce_area .intro_table .intro_table_row .text_holder p {font-size: 15px;}

	.introduce_area .intro_table .intro_table_row .img_holder{position:relative}
	.introduce_area .intro_table .intro_table_row .img_holder img{padding:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
	.introduce_area .intro_table .intro_table_row.right .img_holder img{padding:0}

	.introduce_area .intro_table .intro_table_row.right .img_holder{float:left}

	.introduce_area .intro_video{margin-bottom:70px}

	.introduce_area .laschool_character{margin-bottom:70px}
	.introduce_area .laschool_character h3{font-size:24px; padding-bottom:20px}
	.introduce_area .laschool_character .char_wrap div{padding:25px 10px; min-height:460px; height: 39em;}
	.introduce_area .laschool_character .char_wrap div p{padding-bottom:20px}
	.introduce_area .laschool_character .char_wrap div p + p{padding-bottom:15px; font-size:15px}
	.introduce_area .laschool_character .char_wrap div .info_title{font-size:24px}
	.introduce_area .laschool_character .char_wrap ul li span{font-size:14px}

	.introduce_area .intro_video .video_holder .video_inner .video-js .vjs-big-play-button{width:77px; height:77px; margin-top:-1.3em; margin-left:-1.3em}

	/*이용안내*/
	.info_use_area .txt_box{margin-top:25px}
	.info_use_area .txt_box{padding:25px}
	.info_use_area .txt_box.mgt_30{margin-top:25px}
	.info_use_area .txt_box .box_title{font-size:18px; padding-left:25px}
	.info_use_area .txt_box .box_title:before{top:3px}
	.info_use_area .txt_box .box_sub_title{font-size:16px; padding-bottom:5px; padding-left:25px}
	.info_use_area .txt_box .dot_list{padding-bottom:15px; padding-left:25px}
	.info_use_area .txt_box .dot_list li{font-size:14px; padding-bottom:2px; padding-left:15px}
	.info_use_area .txt_box.first {padding: 15px 5px 30px}
	.info_use_area .txt_box.second .dot_list{padding:0}
	.info_use_area .txt_box.first .dot_list li:before {top: 8px;}
	.info_use_area .txt_box.second .dot_list li:before {width: 14px; height: 18px;}
	.info_use_area .txt_box.second .dot_list li {padding-bottom: 30px}
	.info_use_area .txt_box.second .dot_list li:last-child {padding-bottom: 0;}
	.info_use_area .txt_box.second .dot_list li, .info_use_area .sm_txt_box .list_title {font-size: 18px;}
	.info_use_area .sm_txt_box ul li, .info_use_area .txt_box.second .dot_list li p {font-size: 16px; line-height: 1.8;}
	.info_use_area .txt_box.second .sm_txt_box{padding:25px; margin-top:30px}
	.info_use_area .txt_box.second .sm_txt_box .list_title{font-size:18px}
	.info_use_area .txt_box.second .sm_txt_box ul li{font-size:18px}
	.info_use_area .txt_box.second .sm_txt_box ul li span{font-size:16px}
	.info_use_area .txt_box.second .dot_list li p {padding-top: 4px;}
	.info_use_area .txt_box.second .dot_list li p br{display:none}

	.info_use_area .txt_box .underline_list li .title{font-size:20px}
	.info_use_area .txt_box .underline_list li .title.under_bg1:before{width:100%; height:14px}
	.info_use_area .txt_box .underline_list li p{font-size:14px; padding-left:20px}
	.info_use_area .txt_box .underline_list li:last-child{padding-bottom:0}

	.info_use_area .txt_box.third {padding:25px}
	.info_use_area .txt_box.third .dot_list{padding:0}
	.info_use_area .txt_box.third ul li{font-size:18px}
	.info_use_area .txt_box.third ul li p{font-size:16px}
	.info_use_area .txt_box .tit_list{padding-left:25px}
	.info_use_area .txt_box .tit_list li{font-size:14px; padding-bottom:2px}

	.info_use_area .txt_box.style2{padding:30px 8.12% 70px}
	.info_use_area .txt_box.style2 .illust_bg{padding-bottom:60px}
	.info_use_area .txt_box.style2 .illust_bg .img_holder{padding-bottom:45px}
	.info_use_area .txt_box .dot_list.small li{font-size:16px}
	.info_use_area .txt_box .dot_list.small li:before{top:11px}
	.info_use_area .txt_box .number_list{padding-left:25px}
	.info_use_area .txt_box .number_list li{font-size:14px}

	.info_use_area .txt_box.style2 .illust_bg .illust_bg_content1{left:0}
	.info_use_area .txt_box.style2 .illust_bg .illust_bg_content2{right:-4%; bottom:3%; width:21%}

	.info_use_area .txt_box .normal_txt{font-size:16px; padding-left:25px}

	.info_use_area.sub_mentor .txt_box .box_title {padding-bottom: 20px;}
	.info_use_area .txt_box .number_list {padding-left: 0;}
	.info_use_area .txt_box .number_list.pdb_35{padding-bottom:15px}
	.info_use_area .txt_box .number_list li .list_title{font-size:18px}

	.info_use_area .txt_box.style2 .video_holder .video_inner .video-js .vjs-big-play-button{width:61px; height:61px; margin-left:-0.75em}

	.info_use_area.sub_openclass .txt_box .number_list li .img_holder {padding: 12px 14px;}
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder {font-size: 16px;}
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder span {font-size: 20px; padding-bottom: 0;}
	.info_use_area.sub_openclass .txt_box .number_list.pdb_35 {padding-bottom: 30px;}

	/*지원하기*/
	.apply_link_area .apply_link_inner div{padding:30px 20px}
	.apply_link_area .apply_link_inner div .btn_wrap{padding-top:20px}
	.apply_link_area .apply_link_inner div p:first-child{height:150px}
	.apply_link_area .apply_link_inner div p img{height:100%}
	.apply_link_area .apply_link_inner div .btn_wrap .btn{font-size:16px; height:50px; line-height:50px}

	/*이용안내 - 지원하기 - 멘토모집*/
	.sub_section .apply_form_area{padding:50px 30px 30px}
	.sub_section .sub_page_title{padding-bottom:25px}
	.sub_section .sub_page_title .logo_title img{padding-bottom: 16px; padding-right: 20px; width: 210px;}
	.apply_form_inner_area .txt_area{padding:30px}
	.apply_form_inner_area .txt_area .apply_title{font-size:26px; padding:5px 0 10px}
	.apply_form_inner_area .txt_area p{font-size:14px; padding-bottom:15px}
	.apply_form_inner_area .txt_area .apply_date li .date_title{font-size:15px; width:90px; padding:0 15px}
	.apply_form_inner_area .txt_area .apply_date li .date_txt{font-size:16px; text-align:left; width:calc(100% - 90px)}
	.apply_form_inner_area .txt_area .caution{font-size:15px; padding-bottom:30px}
	.apply_form_inner_area .txt_area .btn_wrap button{width:185px; height:50px; font-size:20px}
	.apply_form_inner_area .txt_area .img_holder img{max-width:50%}

	.apply_form_inner_area .txt_area .form_wrap .prograss_bar p{font-size:15px}
	.apply_form_inner_area .txt_area .form_wrap .form_title{font-size:20px; padding-top:20px}
	.apply_form_inner_area .txt_area .form_wrap .chk_title{font-size:16px; padding-left:24px; padding-bottom:10px}
	.apply_form_inner_area .txt_area .form_wrap .checks{padding:10px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label{font-size:14px; padding-left:26px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label:before{top:3px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"]:checked + label:after{top:10px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .checks + .checks{margin-left:5px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray{margin-bottom:30px}
	.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li input{width:115px; height:40px; font-size:14px; margin-left:5px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th{font-size:16px; padding-left:24px; padding-bottom:10px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td{padding-bottom:15px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input{height:45px; padding:0 10px; font-size:14px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td select{height:45px; padding:0 10px; font-size:14px; background:#fafafa url(/img/sub/select_arrow.png) no-repeat 98% 50%}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr:last-child td{padding-bottom:30px}

	.apply_form_inner_area .txt_area .form_wrap .chk_title.mgt_35{margin-top:25px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short{padding:10px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short input[type="radio"] + label{padding-left:26px; font-size:14px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:30px}

	.apply_form_inner_area .txt_area .form_wrap .chk_title_sub{font-size:14px; padding-bottom:10px; padding-left:20px}
	.apply_form_inner_area .txt_area .form_wrap textarea{height:130px; padding:10px; font-size:14px; margin-bottom:10px}
	.apply_form_inner_area .txt_area .form_wrap textarea.mgb_50{margin-bottom:30px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .table_list li{font-size:14px; padding-left:20px}

	.apply_form_inner_area .txt_area .apply_last_title{font-size:22px; padding:15px 0}
	.apply_form_inner_area .txt_area .result_date{max-width:310px}
	.apply_form_inner_area .txt_area .result_date li{font-size:15px; line-height:45px}
	.apply_form_inner_area .txt_area .contact_info{padding:25px 0 50px}
	.apply_form_inner_area .txt_area .contact_info li img{width:25px}
	.apply_form_inner_area .txt_area .contact_info li + li{font-size:16px; padding-left:4px}
	.apply_form_inner_area .txt_area .contact_info li + li + li a{font-size:18px}

	/*이용안내 - 지원하기 - 멘토모집*/
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox .upload-name{width:calc(100% - 110px)}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox.bs3-primary label{height:45px; line-height:45px; width:100px; font-size:14px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] + label{font-size:14px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] + label:before{top:3px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"]:checked + label:after{top:10px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .normal_txt{font-size:14px}

	.apply_form_inner_area .txt_area .apply_last_title.pd_20060{padding:15px 0 40px}

	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label.small_txt{font-size:14px}

	.apply_link_area .apply_link_inner.col2 div .apply_txt{font-size:15px}

	/*이용안내 - 지원하기 - 오픈클래스*/
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .time_table_title{font-size:16px; padding-bottom:10px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr th, 
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr td{font-size:14px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .time_table_txt{padding-top:15px; padding-bottom:10px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .caution{font-size:14px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .info_link{height:45px; line-height:39px; font-size:14px}

	.apply_form_inner_area .txt_area .info_confirm_wrap .caution{padding:0 0 20px; font-size:14px}
	.apply_form_inner_area .txt_area .upload_name_area .caution{font-size:14px}


	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .agreement{padding:10px 0 30px}

	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image{padding-top:20px; padding-bottom:30px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image label{background-size:50px; height:70px; line-height:70px; font-size:14px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file{padding:10px 60px 10px 20px; margin-top:10px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file p{font-size:14px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file p span{font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td.pdt_15{padding-top:10px}

	/*실시간 강의*/
	.info_use_area.sub_live_lecture{margin-bottom:70px}
	.info_use_area.sub_live_lecture .live_intro .live_intro_title {font-size: 20px;}
	.info_use_area.sub_live_lecture .live_intro .live_intro_title + ul li,
	.info_use_area.sub_live_lecture .live_intro .intro_first{font-size: 16px;}
	.info_use_area .teacher_list_banner {width: 90%;}
	.info_use_area .teacher_list_banner p {font-size: 17px;}
	.info_use_area .teacher_list_banner:after {top: -30%;}
	.info_use_area .txt_box .box_title.mgt_25{margin-top:15px}
	.info_use_area .txt_box .teacher_list_wrap{padding-top:20px; padding-bottom:30px; padding-left:25px}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner {display:flex; flex-wrap:wrap;}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner:nth-child(2n) {margin-right: 0;}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder {width: 48%; margin-right: 2%; max-width: 320px;}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(n+3){margin-top:3.333%;}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(3n){margin-right:3.333%;}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(2n){margin-right:0;}
	/* .info_use_area .txt_box .teacher_list_wrap .teacher_list_inner:not(:nth-child(n+3)) .img_holder {margin-bottom: 2%} */
	/*.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder{width:23.15%; margin-right:2.1333%; padding:1.8%}*/
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text p {font-size: 16px;}
	.info_use_area .txt_box .lecture_list_wrap{padding-top:15px}

	.info_use_area .txt_box .lecture_link_wrap{padding-top:25px}
	.info_use_area .txt_box .lecture_link_wrap button{width:155px; height:45px; font-size:16px}

	.info_use_area .txt_box .box_sub_title span{font-size:14px}

	.info_use_area .txt_box.mgb_70{margin-bottom:40px}

	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{height:118px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_title{font-size:16px; margin-top:10px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_txt{font-size:14px; height:4.3em}

	.video_popup #x_btn{right:0; top:-53px; width:20px}

	/*멘토링*/
	.info_use_area .txt_box .pencil_list li{font-size: 16px; padding-left: 25px}

	.info_use_area.sub_mentoring .card_list > li {width: 49%;}
	.info_use_area.sub_mentoring .card_list > li:nth-child(odd) {margin-right: 2%;}
	.info_use_area.sub_mentoring .card_list > li:nth-child(2) {margin-right: 0;}
	.info_use_area.sub_mentoring .card_list > li:nth-child(3) {margin-top: 2%;}
	.info_use_area.sub_mentoring .card_list > li .card_box {height: 36em;}


	/*1:1 문의하기*/
	.request_area .request_area_inner .request_form_wrap{padding:25px}
	.request_area .request_area_inner .request_form_wrap form > div br{display:block}
	.request_area .request_area_inner .request_form_wrap form table tr td input{height:45px}
	.request_area .request_area_inner .request_form_wrap form input[type="submit"]{margin-top:30px; font-size:16px; height:45px}
	.request_area .request_area_inner .request_form_wrap form > div .privacy_btn{margin-bottom:10px}

	/*멘티 - 강의- 녹화강의*/
	.info_use_area .selection{padding-top:40px; margin-bottom:40px}
	.info_use_area .selection li{height:45px; line-height:45px; font-size:14px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .item_title{font-size:18px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder{height:150px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder:after{width:57px; height:57px; background-size:cover}

	/*멘티 - 진단평가*/
	.evaluation_subject .selection{margin-bottom:40px}
	.evaluation_subject .selection li{height:45px}
	.evaluation_subject .selection li a{line-height:45px; font-size:14px}

	.evaluation_area{padding:30px}
	.evaluation_area .evaluation_area_inner{padding:30px}
	.evaluation_area .evaluation_area_inner .eval_title{font-size:28px}
	.evaluation_area .evaluation_area_inner .eval_date{font-size:14px; padding:10px 20px}
	.evaluation_area .evaluation_area_inner .eval_wrap{padding-top:30px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner{padding-bottom:30px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner.last{padding-bottom:50px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_sub_title{font-size:20px; margin-bottom:5px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_info{font-size:16px; padding-bottom:10px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .write_holder{padding-left:24px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .write_holder input{height:40px; font-size:14px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label{font-size:14px; padding-left:28px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label:before{top:1px}

	.evaluation_area .evaluation_area_inner .form_btn_wrap{padding-top:95px}
	.evaluation_area .evaluation_area_inner .form_btn_wrap li input{width: 115px; height: 40px; font-size: 14px; margin-left: 5px}

	/*--멘티 - 강의 - 녹화강의 상세*/
	.lecture_view_area .lecture_view_area_inner .txt_holder{padding-top:30px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_title{font-size:20px; padding-bottom:10px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_info{padding-top:10px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li{height:50px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li span{font-size:16px}

	/*멘티 - 야간자습실*/
	.night_study_room_area{padding:70px 0}
	.night_study_room_area .night_study_room_bg2{right:20px}
	.night_study_room_area .txt_area p{font-size:24px; padding-bottom:15px}
	.night_study_room_area .txt_area p .s_txt{font-size:18px}
	.night_study_room_area .txt_area p:nth-child(2){padding-bottom:20px}
	.night_study_room_area .txt_area p button{width:185px; height:45px; font-size:18px}

	/*포인트*/
	.point_area .point_header .user_info{display:block; padding:35px}
	.point_area .point_header .user_info p{display:block}
	.point_area .point_header .user_info .greeting{display:block; font-size:20px}
	.point_area .point_header .user_info .point_info,
	.point_area .point_header .user_info .point_info.short{display:block; float:left; width:calc(100% - 170px); text-align:left; padding-top:22px}
	.point_area .point_header .user_info .point_info span{font-size:20px}
	.point_area .point_header .use_btn_wrap{width:170px; float:left; padding-top:15px}
	.point_area .point_header .use_btn_wrap button{font-size:16px; width:100%; float:right}

	.point_area .point_header .use_banner .font{font-size:28px}
	.point_area .point_header .use_banner .shadow{font-size:28px; padding-top:4px; padding-left:5px}

	.point_area .point_board{display:block}
	.point_area .point_board ul{display:flex; flex-wrap:wrap; width:100%}
	.point_area .point_board ul li{float:left; width:33.3333%; height:auto}
	.point_area .point_board ul li.th_title{height:70px; line-height:70px; padding:0; font-size:20px; width:100%}
	.point_area .point_board ul li.blank{display:none}
	.point_area .point_board ul li span{font-size:16px; padding-top:30px}
	.point_area .point_board ul li span + span{padding-bottom:30px}
	.point_area .point_board ul li span button{font-size:16px}

	.point_area .point_board ul:first-child li{border-left:none}

	.point_area .point_board ul li:nth-child(2),
	.point_area .point_board ul li:nth-child(5),
	.point_area .point_board ul li:nth-child(8){border-left:1px solid #eee}

	/*-포인트 팝업-*/
	.point-modal-content{padding:30px}
	.point-modal-content .point_popup_title{font-size:18px; padding-bottom:30px}
	.point_modal .point-modal-content .point_table_wrap .gift_info{padding-top:10px}
	.point_modal .point-modal-content .point_table_wrap .gift_info .gift_title{font-size:20px}
	.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price{font-size:16px}

	.point_modal .point-modal-content .point_table_wrap{margin-top:30px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap{margin-top:30px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point{min-height:285px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p{padding-top:35px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p{font-size:18px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p + p{font-size:16px}

	.point_modal .point-modal-content .modal_btn_wrap{padding-top:30px}
	.point_modal .point-modal-content .modal_btn_wrap li input{width:115px; height:40px; font-size:14px; margin-left:5px}

	/*-포인트 상세보기-*/
	.point_usage_history_table table tr th{font-size:15px}
	.point_usage_history_table table tr td{font-size:15px; height:60px}

	/*이용약관*/
	.terms_area p{font-size:14px}
	.terms_area .num_list li{font-size:14px}
	.terms_area .terms_box{padding:25px}

	.terms_area .terms_table table tr th{padding:10px; font-size:14px}
	.terms_area .terms_table table tr td{padding:10px; font-size:14px}
	.terms_area .terms_table table tr td .m_br{display:block}

	/*게시판 배경*/
	.notice_bg1,.notice_bg2,.prteam_bg1,.prteam_bg2,
	.review_bg1,.review_bg2,.mentorteam_bg1,.mentorteam_bg2,
	.learning_diary_bg1,.learning_diary_bg2{display:none}
}

@media only screen and (max-width: 800px) {
	/*KB LaSchool 소개*/
	.introduce_area .intro_table .intro_table_row{display:block}
	.introduce_area .intro_table .intro_table_row > div {width: 100%;}
	.introduce_area .intro_table .intro_table_row .img_holder {float: none;}
	.introduce_area .intro_table .intro_table_row .img_holder img {padding: 100px 0; position:static; transform:inherit}
	.introduce_area .intro_table .intro_table_row.right .img_holder img {padding: 60px 0;}

	/*포인트*/
	.point_area .point_header .user_info .greeting{font-size:16px}
	.point_area .point_header .user_info .point_info,
	.point_area .point_header .user_info .point_info.short{padding-top:28px; width:calc(100% - 120px)}
	.point_area .point_header .user_info .point_info span{font-size:16px}
	.point_area .point_header .use_btn_wrap{width:120px}
	.point_area .point_header .use_btn_wrap button{font-size:14px}
}

@media only screen and ( max-width: 768px ) {
	/*sub common*/
	.sub_menu_wrap .depth_1.pc_menu{display:none}

	/*KB LaSchool 소개*/
	.introduce_area .intro_logo_wrap{flex-wrap:wrap}
	.introduce_area .intro_logo_wrap > div{float:none; width:100%; margin-right:0; margin-bottom:3.04%}
	.introduce_area .intro_logo_wrap > div:last-child{margin-bottom:0}

	/*지원하기*/
	.apply_link_area .apply_link_inner div{padding:20px 10px}
	.apply_link_area .apply_link_inner div .btn_wrap .btn{font-size:2vw}

	/*이용안내 - 지원하기 - 멘티모집*/
	.apply_form_inner_area .txt_area .btn_wrap.col2 button{width:125px; height:45px; font-size:17px}
	.apply_form_inner_area .txt_area .btn_wrap.col2 button + button{margin-left:5px}

	/*이용안내 - 지원하기 - 오픈클래스*/
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .tb_wrap{overflow-x:scroll}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table{width:550px}

	/*실시간 강의*/
	.info_use_area .txt_box .box_sub_title{word-break:keep-all}
	.info_use_area .txt_box .box_sub_title .pc_br{display:none}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner{flex-wrap:wrap}

	.info_use_area .recording_list_wrap .recording_list_inner .item{padding:10px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{height:88px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder:after{width:27px; height:27px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_title{font-size:14px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_txt{font-size:13px}

	/*1:1 문의하기*/
	.request_area .request_area_inner .request_form_wrap form table tr{display:block}
	.request_area .request_area_inner .request_form_wrap form table tr th{display:block; width:100%; font-size:14px}
	.request_area .request_area_inner .request_form_wrap form table tr th.col2{padding-left:0; width:100%; text-align:left}
	.request_area .request_area_inner .request_form_wrap form table tr + tr + tr th{padding-top:15px}
	.request_area .request_area_inner .request_form_wrap form table tr td{display:block; width:100%; padding-top:5px}
	.request_area .request_area_inner .request_form_wrap form table tr + tr td{padding-top:5px}
	.request_area .request_area_inner .request_form_wrap form > div .privacy_btn{font-size:13px}

	.request_area .request_area_inner .request_form_wrap form > div .label{font-size:14px}
	.request_area .request_area_inner .request_form_wrap .checks input[type="radio"] + label{font-size:13px}
	.request_area .request_area_inner .request_form_wrap form input[type="submit"]{font-size:15px; margin-top:20px; height:45px}

	/*멘티 - 강의- 녹화강의*/
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder{height:120px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder:after{width:47px; height:47px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .item_title{font-size:16px}

	/*포인트*/
	.point_area .point_header{flex-wrap:wrap; justify-content:inherit}
	.point_area .point_header .user_info{width:100%; float:none; display:block}
	.point_area .point_header .user_info .point_info span{padding-left:24px}
	.point_area .point_header .user_info .point_info span img{width:18px}
	.point_area .point_header .use_banner{width:100%; float:none; display:block; margin-left:0; margin-top:20px}

	/*-포인트 팝업-*/
	.point-modal-content{padding:15px}

	/*포인트 - 상세보기*/
	.point_usage_history_table{overflow-x:scroll}
	.point_usage_history_table table{width:900px}
	
	/*회원가입 - 선택*/
	.apply_link_area .apply_link_inner.col2 div .apply_title{font-size:2.6vw}
	.apply_link_area .apply_link_inner.col2 div .apply_txt{font-size:2vw}
}

@media only screen and ( max-width: 640px ) {
	/*이용안내 - 지원하기 - 멘토모집*/
	.apply_form_inner_area .txt_area p{word-break:keep-all}
	.apply_form_inner_area .txt_area p br{display:none}
	.apply_form_inner_area .txt_area .apply_date li{display:block; float:none; width:100%}
	.apply_form_inner_area .txt_area .apply_date li + li{margin-left:0; margin-top:10px}
	.apply_form_inner_area .txt_area .apply_last_title br{display:block}
	.apply_form_inner_area .txt_area .apply_date li .date_title{width:auto; line-height:28px; padding:0 5px; width:auto; font-size:13px}
	.apply_form_inner_area .txt_area .apply_date li .date_txt{width:auto; font-size:14px}

	/*이용안내 - 멘티*/
	.info_use_area .txt_box.second .dot_list li {padding-left: 20px;}
	.info_use_area .txt_box .dot_list li:before {width: 12px; height: 16px; top: 5px;}
	.info_use_area .txt_box.no_bg .dot_list li:before {width: 8px; height: 8px;}
	.info_use_area .txt_box.second .dot_list li, .info_use_area .sm_txt_box .list_title {font-size: 15px;}
	.info_use_area .txt_box.second .dot_list li:before {width: 12px; height: 15px;}
	.info_use_area .sm_txt_box {padding: 40px 25px 50px;}
	.info_use_area .sm_txt_box .list_title:before {width: 9px; height: 9px; top: 6px;}
	.info_use_area .sm_txt_box ul {padding-left: 20px;}
	.info_use_area .txt_box .dot_list li span.text_yellow {display: block;}

	/*이용안내 - 오픈클래스*/
	.info_use_area.sub_openclass .txt_box .number_list li .img_holder {padding: 12px; width: 3.5em; margin-right: 12px;}
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder {line-height: 1.4; padding-left: 58px;}
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder, .info_use_area.sub_openclass .txt_box .number_list li .text_holder span.text_yellow {font-size: 15px;}
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder span {font-size: 17px; line-height: 1.2; padding-bottom: 5px;}


	/*실시간 강의*/
	.info_use_area .teacher_list_banner{height:105px}
	.info_use_area .teacher_list_banner:after{top:-26%}
	.info_use_area .teacher_list_banner p .m_br{display:block}

	.info_use_area .recording_list_wrap .recording_list_inner .item{width:49%; margin-right:2%; margin-bottom:2%}
	.info_use_area .recording_list_wrap .recording_list_inner .item:nth-child(2n){margin-right:0}
	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{height:138px}

	.video_popup .inner_wrap{max-width:420px}

	/*멘토링*/
	.info_use_area.sub_mentoring .card_list > li .card_box {height: 40em;}
	.info_use_area.sub_mentoring .card_list .card_box .card_title_area {margin-bottom: 25px;}
	

	/*멘티 - 강의- 녹화강의*/
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item + .item + .item{margin-bottom:4%}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item{width:49%; margin-right:2%; margin-bottom:4%}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item:nth-child(2n){margin-right:0}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder{height:160px}

	/*멘티 - 야간자습실*/
	.night_study_room_area .txt_area{padding:0 10%}
	.night_study_room_area .txt_area p{word-break:keep-all}
	.night_study_room_area .txt_area p br{display:none}
	.night_study_room_area .txt_area p .none_dis{display:block}

	/*포인트*/
	.point_area .point_board ul li{padding:0 5%}
	.point_area .point_board ul li span{word-break:keep-all}
	.point_area .point_board ul li span br{display:none}
}

@media only screen and ( max-width: 480px ) {
	/*sub common*/
	.sub_visual .inner_container{padding:45px 0}
	.sub_visual h2{font-size:24px}
	.sub_visual ul li{font-size:13px}
	.sub_visual ul li a{font-size:13px}

	.sub_menu_wrap .depth_1 li a{font-size:12px}
	.sub_menu_wrap .depth_1 li a .m_br{display:block}

	.sub_section{padding:50px 0 60px}
	.sub_section .sub_page_title{font-size:24px; padding-bottom:20px}
	.sub_section .small_title{font-size:16px; padding-bottom:10px; padding-left:20px}
	.sub_section .small_title:before{width:12px; height:12px; border:4px solid #ffb21d; top:7px}
	.sub_section .sub_page_title .logo_title{display:block; padding:10px 0 20px;}
	.sub_section .sub_page_title .logo_title img{padding:0;}

	.sub_section .sub_txt{font-size:14px}
	.sub_section .sub_txt.pdl_40{padding-left:20px}

	.sub_section .sub_txt .inline_logo{margin-right:5px}
	.sub_section .sub_txt .inline_logo img{width:16px}

	.sub_section .board_menu{margin:0 auto 30px}
	.sub_section .board_menu ul li a span{font-size:13px}

	.sub_section .board_menu_type2 ul li{padding-bottom:10px}
	.sub_section .board_menu_type2 ul li a{font-size:14px}
	.sub_section .board_menu_type2 ul li.current:after{height:3px}

	/*KB LaSchool 소개*/
	.introduce_area .intro_logo_wrap > div{padding:25px 15px}
	.introduce_area .intro_logo_wrap > div .logo_wrap img{max-width:50%}
	.introduce_area .intro_logo_wrap > div p{font-size:14px}
	.introduce_area .intro_logo_wrap > div:last-child p{font-size:13px}

	.introduce_area .img_wrap{padding-top:10px; padding-bottom:40px}
	.introduce_area .img_wrap_bg{padding:30px 10px; border-radius:15px}

	.introduce_area .logos_wrap div{height:90px; border-radius:15px}
	.introduce_area .logos_wrap div p img{max-width:80%}

	.introduce_area .intro_table{margin-bottom:50px}
	.introduce_area .intro_table .intro_table_row > div {height: auto}
	.introduce_area .intro_table .intro_table_row.right .img_holder img {padding: 70px 0;}
	.introduce_area .intro_table .intro_table_row .text_holder {padding: 35px 30px 35px;}
	.introduce_area .intro_table .intro_table_row .text_holder p {font-size: 14px;}

	.introduce_area .intro_video{margin-bottom:50px}

	.introduce_area .laschool_character{margin-bottom:50px}
	.introduce_area .laschool_character h3{font-size:18px; padding-bottom:10px}

	.introduce_area .laschool_character .char_wrap div{float:none; width:100%; min-height:auto; border-radius:15px; height:auto}
	.introduce_area .laschool_character .char_wrap div + div{margin-left:0; margin-top:1.52%}
	.introduce_area .laschool_character .char_wrap div p img{width:80px}
	.introduce_area .laschool_character .char_wrap div p + p{font-size:14px}
	.introduce_area .laschool_character .char_wrap div .info_title{font-size:18px}
	.introduce_area .laschool_character .char_wrap ul li span img{width:30px}

	/*이용안내*/
	.info_use_area .txt_box{border-radius:15px; padding:15px}
	.info_use_area .txt_box .box_title{padding-left:18px; font-size:15px}
	.info_use_area .txt_box .box_title:before{width:11px; height:13px; top:4px}
	.info_use_area .txt_box .box_sub_title{font-size:14px; padding-left:18px}
	.info_use_area .txt_box .dot_list{padding-left: 10px}
	.info_use_area .txt_box .dot_list li{font-size:13px}
	.info_use_area .txt_box .tit_list{padding-left:18px}
	.info_use_area .txt_box .tit_list li{font-size:13px}

	.info_use_area .txt_box.style2 .illust_bg {padding-bottom: 10px;}
	.info_use_area .txt_box.style2{padding:30px 6.12% 50px}
	.info_use_area .txt_box .dot_list.small li{font-size:14px; padding-left:10px}
	.info_use_area .txt_box .dot_list.small li:before{width:5px; height:5px; top:9px}
	.info_use_area .txt_box .number_list{padding-left:18px}
	.info_use_area .txt_box .number_list li{font-size:13px; padding-left:22px; padding-bottom: 10px}
	.info_use_area .txt_box .number_list li .inner_font {display: block;}

	.info_use_area .txt_box.style2 .illust_bg .illust_bg_content2{width: 26%; bottom: 1%}

	.info_use_area .txt_box.style2 .video_holder{border-radius:15px}

	.info_use_area .txt_box .normal_txt{font-size:13px}
	.info_use_area .open_class_img_wrap{border-radius:15px}


	/*이용하기 멘티*/
	.info_use_area .txt_box .underline_list li{padding-bottom:20px}
	.info_use_area .txt_box .underline_list li .title{font-size:16px}
	.info_use_area .txt_box .underline_list li p{font-size:13px; padding-left:17px}
	.info_use_area .txt_box .underline_list li .title.under_bg1:before{width:100%; height:11px}

	.info_use_area .txt_box.second .sm_txt_box{padding:15px}
	.info_use_area .txt_box.second .sm_txt_box .list_title{font-size:16px}
	.info_use_area .txt_box.second .sm_txt_box ul li{font-size:14px}
	.info_use_area .txt_box.second .sm_txt_box ul li span{font-size:13px}
	.info_use_area .sm_txt_box ul li, .info_use_area .txt_box.second .dot_list li p {font-size: 13px;}

	.info_use_area .txt_box.third{padding:15px}
	.info_use_area .txt_box.third ul li{padding-left:20px; font-size:15px; padding-bottom:35px}
	.info_use_area .txt_box.third ul li p{font-size:13px}

	/*이용하기 멘토*/
	.info_use_area.sub_mentor .txt_box .box_title {padding-bottom: 10px;}
	.info_use_area .txt_box .number_list li {padding-left: 0; word-break: keep-all;}
	.info_use_area .txt_box .number_list li .list_title{font-size:15px}
	.info_use_area .txt_box.style2 .video_holder .video_inner #play_button {width: 60px; height: 60px;}
	.info_use_area .txt_box.style2 .video_holder .video_inner .pause-bt {width: 60px; height: 60px;}

	/*이용하기 오픈클래스*/
	.info_use_area.sub_openclass .txt_box .number_list li .text_holder, .info_use_area.sub_openclass .txt_box .number_list li .text_holder span.text_yellow {font-size: 14px;}
	.info_use_area.sub_openclass .txt_box .number_list {padding-left: 0;}

	/*지원하기*/
	.apply_link_area .apply_link_inner{flex-wrap:wrap}
	.apply_link_area .apply_link_inner div{float:none; width:100%; border-radius:15px; margin-right:0}
	.apply_link_area .apply_link_inner div + div{margin-top:3.875%}
	.apply_link_area .apply_link_inner div .apply_title{font-size:20px}
	.apply_link_area .apply_link_inner div .btn_wrap .btn{font-size:14px; max-width:200px}

	/*이용안내 - 지원하기 - 멘토모집*/
	.sub_section .apply_form_area{padding:30px 15px 15px; padding:15px 5px}
	.apply_form_inner_area{padding:30px 5px 0; border-radius:15px}
	.apply_form_inner_area .txt_area{padding:15px}
	.apply_form_inner_area .txt_area .logo_holder img{width:150px}
	.apply_form_inner_area .txt_area .apply_title{font-size:18px}
	.apply_form_inner_area .txt_area p{font-size:13px; padding-bottom:10px}
	.apply_form_inner_area .txt_area .caution{font-size:13px; padding-bottom:20px}
	.apply_form_inner_area .txt_area .btn_wrap button{width:145px; height:36px; font-size:16px}

	.apply_form_inner_area .txt_area .form_wrap .form_title{font-size:16px; padding-top:15px}
	.apply_form_inner_area .txt_area .form_wrap .chk_title{font-size:14px; padding-left:20px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label{font-size:13px; padding-left:20px}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label:before{width:15px; height:15px; top:5px; border:3px solid #ccc}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"]:checked + label:before{border:3px solid #fdbb11}
	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"]:checked + label:after{top:10px; left:5px; width:5px; height:5px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray{margin-bottom:15px}
	.apply_form_inner_area .txt_area .form_wrap .form_btn_wrap li input{width:95px; height:35px; font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th{font-size:14px; padding-left:20px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td input{font-size:13px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .dateholder{width:calc(100% - 50px)}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .date_btn{margin-left:5px; width:45px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .caution{margin-left:5px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr:last-child td{padding-bottom:15px}

	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short input[type="radio"] + label{font-size:13px; padding-left:20px}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:15px}

	.apply_form_inner_area .txt_area .form_wrap .chk_title_sub{font-size:13px; padding-bottom:5px; padding-left:18px}
	.apply_form_inner_area .txt_area .form_wrap textarea{font-size:13px}
	.apply_form_inner_area .txt_area .form_wrap textarea.mgb_50{margin-bottom:15px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .table_list li{font-size:13px; padding-left:18px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td select{font-size:13px}

	.apply_form_inner_area .txt_area .apply_last_title{font-size:18px}
	.apply_form_inner_area .txt_area .apply_last_title br{display:block}
	.apply_form_inner_area .txt_area .result_date li{font-size:13px; line-height:40px; padding:0 5px; white-space:nowrap}
	.apply_form_inner_area .txt_area .contact_info{padding:20px 0 35px}
	.apply_form_inner_area .txt_area .contact_info li img{width:20px}
	.apply_form_inner_area .txt_area .contact_info li + li{font-size:14px}
	.apply_form_inner_area .txt_area .contact_info li + li + li{display:block}
	.apply_form_inner_area .txt_area .contact_info li + li + li a{font-size:16px}

	/*이용안내 - 지원하기 - 멘티모집*/
	.apply_form_inner_area .txt_area .img_holder.pd_30015{padding:15px 0 0}
	.apply_form_inner_area .txt_area .btn_wrap.col2 button{width:90px; height:36px; font-size:14px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox .upload-name{width:calc(100% - 75px)}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .filebox.bs3-primary label{width:70px; font-size:13px; margin-left:5px}

	.apply_form_inner_area .txt_area .form_wrap .checks input[type="checkbox"] + label{font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .normal_txt{font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .checks input[type="radio"] + label.small_txt{font-size:13px}

	/*이용안내 - 지원하기 - 오픈클래스*/
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .time_table_title{font-size:14px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table{width:480px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr th, 
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table table tr td{font-size:13px}
	
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .openclass_time_table .caution{font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr td .info_link{font-size:13px}

	.apply_form_inner_area .txt_area .info_confirm_wrap .caution{font-size:13px}
	.apply_form_inner_area .txt_area .upload_name_area .caution{font-size:13px}

	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .agreement{padding:10px 0 20px}

	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image{padding-top:15px; padding-bottom:15px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image label{font-size:13px}
	.apply_form_inner_area .txt_area .upload_name_area .upload_name_image .uploaded_file p{font-size:13px}

	/*실시간 강의*/
	.info_use_area .txt_box.mgb_70{margin-bottom:30px}

	.info_use_area.sub_live_lecture{margin-bottom:50px}
	.info_use_area.sub_live_lecture .live_intro{padding-left:20px}
	.info_use_area.sub_live_lecture .live_intro .live_intro_title{font-size:15px; padding-left:16px}
	.info_use_area.sub_live_lecture .live_intro .live_intro_title:before{top:6px; width:9px; height:9px}
	.info_use_area.sub_live_lecture .live_intro .live_intro_title + ul li,
	.info_use_area.sub_live_lecture .live_intro .intro_first{font-size:14px}

	.info_use_area .teacher_list_banner{height:80px; margin:30px auto 0}
	.info_use_area .teacher_list_banner p{font-size:15px}
	.info_use_area .teacher_list_banner:after{top:-23%}

	.info_use_area .txt_box .teacher_list_wrap{padding-top:10px; padding-bottom:40px; padding-left:0}

	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder{width:48%; margin-right:4%; padding:3.8%; margin-bottom:3.8%}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder:nth-child(2n){margin-right:0}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder + .img_holder + .img_holder{margin-bottom:0}
	
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text{padding:15px 0 5px}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text p{font-size:14px}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_text p .m_br{display:block}
	.info_use_area .txt_box .teacher_list_wrap .teacher_list_inner .img_holder .img_inner{border:0;}

	.info_use_area .txt_box .lecture_list_wrap{padding-left:18px; display:none}
	.info_use_area .txt_box .lecture_list_wrap .lecture_list_inner .lecture_holder{float:none; width:100%; margin-right:0; max-width:100%; margin-bottom:2.786%}
	.info_use_area .txt_box .lecture_list_wrap .lecture_list_inner .lecture_holder:last-child{margin-bottom:0}
	.info_use_area .txt_box .lecture_link_wrap{padding-top:15px}
	.info_use_area .txt_box .lecture_link_wrap button{width:135px; font-size:14px; margin-bottom:20px}

	.info_use_area .txt_box .lecture_list_mobile .slick-slide img{margin:0 auto; border-radius:10px}
	.info_use_area .txt_box .lecture_list_mobile .slick-dots li button{border:1px solid #000; width:15px; height:15px; border-radius:100%}
	.info_use_area .txt_box .lecture_list_mobile .slick-dots li button:before{display:none}
	.info_use_area .txt_box .lecture_list_mobile .slick-dots li.slick-active button:before{display:block; content:''; width:7px; height:7px; font-size:0; line-height:0; background:#000; border-radius:100%;
	opacity:1; top:4px; left:4px}

	.info_use_area .txt_box .box_sub_title span{font-size:13px}
	.info_use_area .recording_list_wrap .recording_list_inner .item{margin-right:0; width:100%}
	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{height:218px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_title{font-size:17px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .item_txt{font-size:15px}

	/*멘토링*/
	.info_use_area .txt_box .pencil_list li{font-size: 14px; padding-left: 18px}
	.info_use_area .txt_box .pencil_list li:before{width: 11px; height: 13px; top: 6px}

	.info_use_area.sub_mentoring .card_list > li {float: none; width: 100%;}
	.info_use_area.sub_mentoring .card_list > li:not(:first-child) {margin-top: 2%;}
	.info_use_area.sub_mentoring .card_list > li .card_box {height: 33em;}
	.info_use_area.sub_mentoring .card_list .card_box .card_title {font-size: 20px;}
	.info_use_area.sub_mentoring .card_list .card_box .card_title .text_grey {font-size: 18px;}
	.info_use_area.sub_mentoring .card_list > li .card_box .card_cont_list li .text {font-size: 14px; padding-left: 3.2em;}

	.info_use_area .img_holder.mgb_30 + .small_title{margin-top:50px}
	.info_use_area .img_holder.mgt_30 + .small_title{margin-top:50px}


	/*1:1 문의하기*/
	.request_area .request_area_inner .request_form_wrap{padding:15px}
	.request_area .request_area_inner .request_form_wrap form > div .label{padding-right:5px}
	.request_area .request_area_inner .request_form_wrap form > div .privacy_btn{padding:0 10px}

	/*멘티 - 강의- 녹화강의*/
	.info_use_area .selection{padding-top:30px; margin-bottom:30px}
	.info_use_area .selection li{font-size:13px}
	.info_use_area .recording_list_wrap.video_board .recording_list_inner .item .recording_holder{height:140px}

	/*멘티 - 진단평가*/
	.evaluation_subject .selection{margin-bottom:30px}
	.evaluation_subject .selection li a{font-size:13px}

	.evaluation_area{padding:15px}
	.evaluation_area .evaluation_area_inner{padding:15px}
	.evaluation_area .evaluation_area_inner .eval_title{font-size:20px}
	.evaluation_area .evaluation_area_inner .eval_date{font-size:13px; padding:6px 14px; word-break:keep-all}
	.evaluation_area .evaluation_area_inner .eval_wrap{padding-top:20px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner{padding-bottom:20px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_sub_title{font-size:16px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .eval_info{font-size:14px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .write_holder{padding-left:22px; font-size:13px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner.last{padding-bottom:30px}

	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label:before{width:15px; height:15px; border:3px solid #ddd; top:3px}
	.evaluation_area .evaluation_area_inner .eval_wrap .eval_inner .checks input[type="radio"] + label{font-size:13px; padding-left:22px}

	.evaluation_area .evaluation_area_inner .form_btn_wrap{padding-top:75px; padding-bottom:10px}
	.evaluation_area .evaluation_area_inner .form_btn_wrap li input{width: 95px; height: 35px; font-size: 13px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li{height:45px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .progress_info li span{font-size:14px}

	/*--멘티 - 강의 - 녹화강의 상세*/
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_title{font-size:16px}

	/*멘티 - 야간자습실*/
	.night_study_room_area{padding:12% 0}
	.night_study_room_area .txt_area p{font-size:4vw; padding-bottom:4%}
	.night_study_room_area .txt_area p .s_txt{font-size:3vw}
	.night_study_room_area .txt_area p:nth-child(2){padding-bottom:5%}
	.night_study_room_area .txt_area p button{width:35vw; height:10vw; font-size:3.5vw}

	/*포인트*/
	.point_area .point_header .user_info{padding:15px}
	.point_area .point_header .user_info .point_info,
	.point_area .point_header .user_info .point_info.short{width:calc(100% - 70px)}
	.point_area .point_header .use_btn_wrap{width:70px}
	.point_area .point_header .use_btn_wrap button span{display:none}
	.point_area .point_header .use_btn_wrap button{font-size:13px; width:100%}

	.point_area .point_board{margin-top:20px}
	.point_area .point_board ul li{width:50%; padding:0}
	.point_area .point_board ul li span{font-size:14px}
	.point_area .point_board ul li span br{display:block}
	.point_area .point_board ul li span + span{padding-top:10px}
	.point_area .point_board ul li.th_title{height:60px; line-height:60px; font-size:16px}

	.point_area .point_board ul li:nth-child(5){border-left:none}

	.point_area .point_board ul li:nth-child(4), 
	.point_area .point_board ul li:nth-child(6),
	.point_area .point_board ul li:nth-child(8){border-left:1px solid #eee}

	.point_area .point_board ul li span button{font-size:14px; max-width:90px}

	/*-포인트 팝업-*/
	.point-modal-content .point_popup_title{padding-bottom:15px}
	.point_modal .point-modal-content .point_table_wrap{margin-top:15px}
	.point_modal .point-modal-content .point_table_wrap .gift_img_holder img{max-width:180px}
	.point_modal .point-modal-content .point_table_wrap .gift_info .gift_title{font-size:16px}
	.point_modal .point-modal-content .point_table_wrap .gift_info .gift_price{font-size:14px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point{border-radius:15px}

	.point_modal .point-modal-content .modal_btn_wrap li input{width: 95px; height: 35px; font-size: 13px}

	/*-포인트 사용내역-*/
	.point_usage_history_table table{width:640px}
	.point_usage_history_table table tr th{font-size:13px; padding:10px 0}
	.point_usage_history_table table tr td{font-size:13px; height:40px}

	.pg_wrap.point_usage .pg_page{height: 20px; line-height: 20px; min-width: 20px; font-size: 14px}
	.pg_wrap.point_usage .pg_current{height: 20px; line-height: 20px; padding: 0 5px; min-width: 20px; font-size: 14px}

	/*이용약관*/
	.terms_area p{font-size:13px}
	.terms_area .num_list li{font-size:13px; padding-left:16px}
	.terms_area .terms_box{padding:15px}

	.terms_area .terms_table table tr th{font-size:13px; width:30%}
	.terms_area .terms_table table tr td{font-size:13px}
	
	/*회원가입 - 선택*/
	.apply_link_area .apply_link_inner.col2 > div{width:100%; margin-right:0}
	.apply_link_area .apply_link_inner.col2.wide > div{width:100%; margin-right:0}
	.apply_link_area .apply_link_inner.col2 div .apply_title{font-size:20px}
	.apply_link_area .apply_link_inner.col2 div .apply_txt{font-size:14px; min-height: min-content;}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point{min-height:235px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p{padding-top:25px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p{font-size:14px}
	.point_modal .point-modal-content .point_table_wrap .left_point_wrap .useable_point p + p + p{font-size:14px}

	.point_modal .point-modal-content .modal_btn_wrap{padding-top:15px}
}

@media only screen and ( max-width: 360px ) {
	/*실시간 강의*/
	.info_use_area .teacher_list_banner{height:65px}
	.info_use_area .teacher_list_banner:after{top:-20%}
	.info_use_area .teacher_list_banner p{font-size:13px}
	.info_use_area .recording_list_wrap .recording_list_inner .item .recording_holder{height:198px}
	.lecture_view_area .lecture_view_area_inner .txt_holder .video_info{font-size:13px}
}


/*************************************2022-11-28 미디어쿼리 수정 추가**************************************************/

@media only screen and ( max-width: 980px ) {
	/*이용안내 - 지원하기 - 멘토*/
	.apply_form_inner_area .txt_area .caution.left{padding-left:24px;}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:10px;}
	.apply_form_inner_area .txt_area .form_wrap .checks.gray.short + .checks.gray.short + .checks.gray.short + .checks.gray.short{margin-bottom:30px;}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.chk_title_sub{font-size: 14px; padding-bottom: 10px; padding-left: 20px;}

	.apply_form_inner_area .txt_area p.last_info{padding-bottom:15px;}

	.apply_form_inner_area .privacy_img{margin:10px 0 30px;}

	.apply_form_inner_area .txt_area .caution.pdl_none{padding-left:0;}

	/*마이페이지 멘티*/
	.apply_link_area .apply_link_inner.col4{flex-wrap:wrap;}
	.apply_link_area .apply_link_inner.col4 div{width:48%; margin-right:4%}
	.apply_link_area .apply_link_inner.col4 div:nth-child(2n){margin-right:0;}
	.apply_link_area .apply_link_inner.col4 div + div + div{margin-top:4%;}
	.apply_link_area .apply_link_inner.col4 div p img{height:auto;}
	.apply_link_area .apply_link_inner.col4 div .apply_title{font-size:24px;}

	.mypage_eval_table table tr th{font-size:16px; height:46px; padding:0 10px;}
	.mypage_eval_table table tr td{font-size:14px; height:46px; padding:0 10px; word-break:keep-all;}
}

@media only screen and ( max-width: 480px ) {
	/*이용안내 - 지원하기 - 멘토*/
	.apply_form_inner_area.long_scroll .txt_area:before{bottom:-300px;}
	.apply_form_inner_area.long_scroll .txt_area:after{bottom:-300px;}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.chk_title_sub{font-size: 13px; padding-bottom: 5px; padding-left: 18px;}

	/*이용안내 - 지원하기 - 멘토모집결과*/
	.point_modal.apply_result .apply_result{font-size:14px; word-break:keep-all;}
	.point_modal.apply_result .apply_result br{display:none;}

	/*마이페이지 멘티*/
	.apply_link_area .apply_link_inner.col4 div{padding:20px;}
	.apply_link_area .apply_link_inner.col4 div + div{margin-top:0;}
	.apply_link_area .apply_link_inner.col4 div + div + div{margin-top:4%;}
	.apply_link_area .apply_link_inner.col4 div p:first-child{min-height:150px;}
	.apply_link_area .apply_link_inner.col4 div .apply_title{font-size:20px;}
	.apply_link_area .apply_link_inner.col4 div .btn_wrap{padding-top:10px;}
	.apply_link_area .apply_link_inner.col4 div .btn_wrap .btn{font-size:14px;}

	.mypage_eval_table table tr th{font-size:14px; padding:0 5px;}
	.mypage_eval_table table tr td{font-size:13px; padding:0 5px;}
}


/*************************************2023-01-17 수정 추가*****************************************************/
@media only screen and ( max-width: 980px ) {
	/*이용안내 - 지원하기 - 멘티*/
	.apply_form_inner_area .txt_area .apply_title.small{font-size:22px;}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .caution.block{font-size:14px; transform:translateX(-26px);}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .apply_link{font-size:14px; padding:5px 10px}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.long_num{padding-left:45px;}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th.long_num .caution.block{transform: translateX(-47px); -webkit-transform: translateX(-47px);}
}

@media only screen and ( max-width: 480px ) {
	/*이용안내 - 지원하기 - 멘티*/
	.apply_form_inner_area .txt_area .apply_title.small{font-size:20px;}
	.apply_form_inner_area .txt_area .form_wrap .scroll_wrap .scroll_wrap_inner .apply_table tr th .caution.block{font-size:13px; transform:translateX(-22px);}
}

/*************************************2023-04-18 수정 추가*****************************************************/

@media only screen and ( max-width: 980px ) {
	/*문의 - 1:1 문의하기*/
	.contact_info{font-size:16px; padding-bottom:25px}
}

/*************************************2023-06-14 수정 추가*****************************************************/

@media only screen and ( max-width: 1024px ) {
	.night_study_room_area .txt_area ul{max-width:53.711vw; margin:0 auto 4vw;}
	.night_study_room_area .txt_area ul li{font-size:2.5vw; padding-left:4vw;}
}

@media only screen and ( max-width: 480px ) {
	.night_study_room_area .txt_area{padding:0 7%;}
	.night_study_room_area .txt_area ul{max-width:100%; margin:0 auto 7vw;}
	.night_study_room_area .txt_area ul li{font-size:3.8vw; padding-left:4vw;}
}