/*  웹폰트 사용 */
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');

@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff'); }
@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff'); }
@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff'); }
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); }
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); }

@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-9Black.woff') format('woff'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 500; font-style: normal;}
@font-face {font-family: 'S-CoreDream'; src: url('/common/fonts/event/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal;}

@font-face {font-family: 'tmonmonsori.ttfregular'; url('/common/fonts/event/tmonmonsori.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'Cafe24Shiningstar'; src: url('/common/fonts/event/Cafe24Shiningstar.woff') format('woff'); font-style: normal;font-weight: normal;}
@font-face {font-family: 'Cafe24Dangdanghae'; src: url('/common/fonts/event/Cafe24Dangdanghae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Cafe24Ohsquare'; src: url('/common/fonts/event/Cafe24Ohsquare.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {font-family: 'NEXONFootballGothicBA1'; src: url('/common/fonts/event/NEXONFootballGothicBA1.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'NEXONFootballGothicLA1'; src: url('/common/fonts/event/NEXONFootballGothicLA1.woff') format('woff'); font-weight: normal; font-style: normal;}

body, h1, h2, h3, h4, h5, input, select, textarea, button{font-family: 'Noto Sans KR', 'S-CoreDream','LotteMartHappy','LotteMartDream','Malgun Gothic', '맑은 고딕', 돋움, Dotum, sans-serif;}

/* Font Family */
.ff_nanum{font-family: 'Nanum Gothic', sans-serif;}
.ff_lotte{font-family: 'LotteMartDream', sans-serif;}
.ff_lottehappy{font-family: 'LotteMartHappy', sans-serif;}
.ff_tmon{font-family: 'tmonmonsori',sans-serif;}
.ff_score{font-family: 'S-CoreDream', sans-serif;}

 /* Font Color, style */
.txt_black{color: #222 !important;}
.txt_lightgray{color: #ccc !important;}
.txt_a9{color: #a9a9a9;}
.txt_7e{color: #7e7e7e;}
.txt_red{color: #ef292a !important;}
.txt_tomato{color: #ff6948 !important;}
.txt_orange{color: #ff9e0b !important;}
.txt_yellow{color: #fee555;}
.txt_darkyellow{color: #ffcf0f;}
.txt_olive{color: #a1aa47 !important;}
.txt_green{color: #65aa3f !important;}
.txt_lightgreen{color: #94e981 !important;}
.txt_darkgreen{color: #093b36 !important;}
.txt_blue{color: #0657de !important;}
.txt_darkblue{color: #0b509f !important;}
.txt_skyblue{color: #1992e7 !important;}
.txt_lightsky{color: #76abd7 !important;}
.txt_purple{color: #8f4da8 !important;}
.txt_add_explain{color: #999; font-size: 13px; font-weight: 300;}

/* Text Deco */
.over_cicle{position: relative;}
.over_cicle:before{display: inline-block; position: absolute; top: -8px; left: 10px; content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: #fff;}
.over_cicle.dark:before{background-color: #222;}

/* Text line_deco */
.wave_deco{display: inline-block; position: relative; word-break: break-all;}
.wave_deco:after{display: inline-block; position: absolute; left: 0; bottom: -5px; content: ''; width: 100%; height: 6px; background: url("/event/common/images/tools/wave_deco.png") 0 0 no-repeat;}
.wave_deco.yellow:after{display: inline-block; position: absolute; left: 0; bottom: -12px; content: ''; width: 100%; height: 13px; background: url("/event/common/images/tools/wave_deco2.png") 0 0 repeat-x;}
.line_deco:after{display: inline-block; position: absolute; left: 0; bottom: -3px; content: ''; width: 100%; height: 3px; background-color: #ffcc33;}
.line_box{display: inline-block; width: 47px; height: 1px; margin: 30px 0; background-color: #234a8a;}
.tomato_underline{box-shadow:inset 0 -20px 0 #ff8d73 !important;}
.lightorg_underline{box-shadow:inset 0 -20px 0 #ffc368 !important;}
.yellow_underline{box-shadow:inset 0 -20px 0 #fee555 !important;}
.yllwgreen_underline{box-shadow:inset 0 -20px 0 #e7f25d !important;}
.skyblue_line{box-shadow:inset 0 -20px 0 #96beff !important;}
.white_underline{box-shadow:inset 0 -20px 0 #ffffff !important;}
.darkgray_underline{box-shadow:inset 0 -20px 0 #4e4e4e !important;}
.darkgreen_underline{box-shadow:inset 0 -20px 0 #7dcb7f !important;}

 /* Background Color */
.bg_darkgray{background-color: #222222;}
.bg_lightgray{background-color: #f7f7f7;}
.bg_f0gray{background-color: #f0f0f0;}
.bg_96gray{background-color: #969696;}
.bg_59gray{background-color: #595959;}
.bg_red{background-color: #ef292a !important;}
.bg_pink{background-color: #ca2798 !important;}
.bg_orange{background-color: #e67d11 !important;}
.bg_green{background-color: #0c8838 !important;}
.bg_blue{background-color: #0032a3 !important;}
.bg_purple{background-color: #8a66b8 !important;}
.bg_gradient_org{background: -webkit-linear-gradient(left, #ff5e62 0%,#ff9966 100%) !important;}
.bg_gradient_sky{background: -webkit-linear-gradient(left, #4393d4 0%,#4cb6bf 100%) !important;}
.txt_purple{color: #8f4da8 !important;}

/* Button 스타일 */
.black_btn{width: 100%; min-width: 200px; padding: 2.55%; background-color: #222; font-size: 20px; color: #fff !important; text-align: center;}
.purple_btn{width: 100%; background-color: #8f4da8; color: #fff !important; text-align: center;}
.tomato_btn{width: 100%; background-color: #ff6948; color: #fff !important; text-align: center;}
.yellow_btn{width: 100%; background-color: #ffcd35; color: #222 !important; text-align: center;}
.olive_btn{width: 100%; background-color: #a1aa47; color: #fff !important; text-align: center;}
.green_btn{width: 100%; background-color: #0b9a52; color: #fff !important; text-align: center;}
.light_green_btn{width: 100%; background-color: #26b185; color: #fff !important; text-align: center;}
.dark_skyblue_btn{width: 100%; background-color: #3a8de2; color: #fff !important; text-align: center;}
.dark_blue_btn{width: 100%; background-color: #2064ff; color: #fff !important; text-align: center;}
.in_circle_btn{padding: 18px; border-radius: 300px; font-weight: 500; font-size: 1.9em;}
.in_circle_btn span{display: inline-block; width: 42px; height: 42px; margin-left: 15px; background-color: #fff; color: #e41c1c; font-weight: 500; font-size: 20px; line-height: 42px; font-family: 'S-CoreDream',sans-serif; border-radius: 50%; vertical-align: middle;}

/* 타이틀 스타일 */
.cont_title_box h3{display: inline-block; padding-left: 10px; color: #006ddc; font-family: 'LotteMartDream', sans-serif; font-weight: 700; font-size: 5em; vertical-align: top;}
.cont_title_box h3 span{font-weight: 300;}
.cont_title_box p{padding-left: 20px; font-size: 1.9em; line-height: 1.4;}
.sub_title_box{margin-bottom: 98px; font-size: 2.5em; text-align: center; letter-spacing: -1px;}
.sub_title_box h3{font-weight: 600; font-size: 1.15em; line-height: 1.3; font-family: 'LotteMartDream', sans-serif; word-break: keep-all;}
.title_num_circle{margin-bottom: 50px; font-weight: 800; font-size: 1.2em;}
.title_num_circle p:before{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-65%, -50%); content: ''; padding: 28%; border-radius: 50%; background-color: #ffcf0f;}
.title_num_circle strong{font-weight: 600; font-size: 2.6em; vertical-align: middle;}
.title_num_line{margin-bottom: 50px; font-weight: 800; font-size: 1.25em;}
.title_num_line strong{font-size: 2.4em; line-height: 1;}
.title_num_line:before {display: inline-block; content: ''; width: 20px; height: 6px; background-color: #a6b041; margin-bottom: -6px;}

/* 박스 스타일 */
.red_border{border: 1px solid #e41c1c;}
.bk_border_arrow{border: 1px solid #0d0d0d;}
.red_border_arrow{border: 1px solid #e30000;}
.bay_deco_box{position: relative; font-weight: 300; font-size: 1.8em;}
.bay_deco_box h6{margin-top: 10px; font-size: 1.7em; word-break: keep-all;}
.bay_deco_box:before{display: inline-block; position: absolute; left: 15%; top: -50%; content: ''; width: 111px; height: 215px; background: url("/event/common/images/tools/left_bay_white.png") 0 0 no-repeat;}
.bay_deco_box:after{display: inline-block; position: absolute; right: 15%; top: -50%; content: ''; width: 111px; height: 215px; background: url("/event/common/images/tools/right_bay_white.png") 0 0 no-repeat;}
.bay_deco_box.black_bay:before{width: 46px; height: 93px; background: url("/event/common/images/tools/left_bay_black.png") 0 0 no-repeat;}
.bay_deco_box.black_bay:after{width: 46px; height: 93px; background: url("/event/common/images/tools/right_bay_black.png") 0 0 no-repeat;}
.border_round_list{position: relative; padding: 10px; border: 10px solid #fee555; border-radius: 15px;}
.border_gray_list{position: relative; padding: 10px; border: 5px solid #e8e8e8;}
.border_gray_list .product_price p:after{transform: translateX(-63%); height: 26px; background-size: 100% 100%;}
.border_gray_list .bay_deco_box.black_bay{width: 100%; padding-top: 10px; font-size: 1.2em;}
.border_gray_list .bay_deco_box.black_bay strong{font-size: 1.7em;}
.border_gray_list .bay_deco_box.black_bay a{width: 70%; margin: 20px auto 0; font-size: 1em;}
.border_gray_list .bay_deco_box.black_bay:before{left: 5%; top: 0;}
.border_gray_list .bay_deco_box.black_bay:after{right: 5%; top: 0;}
.border_list_title{display: block; position: absolute; left: 0; width: 100%; font-weight: 400; font-size: 1.3em; font-family: 'S-CoreDream', sans-serif; letter-spacing: -1px; text-align: center;}
.border_list_title > p,.border_list_title > span{display: inline-block; padding: 0 0.8em; background-color: #fff; }
.highlight_box{width: 100%; padding: 25px 0; margin-bottom: 32px; background-color: #fcfcfc; border: 1px solid #e9e9e9; font-size: 21px; text-align: center;}
.highlight_box .img_box:before{display: inline-block; content: ''; width: 43px; height: 90px; background: url("/front/images/sub/national/counselor/left_bay.png") 0 0 no-repeat; vertical-align: middle;}
.highlight_box .img_box:after{display: inline-block; content: ''; width: 43px; height: 90px; background: url("/front/images/sub/national/counselor/right_bay.png") 0 0 no-repeat; vertical-align: middle;}
.highlight_box p{display: inline-block; padding: 0 3%;}
.highlight_box span{color: #2c6ed0; font-weight: 800; font-size: 29px;}
.work_box li img{width: 100%; transition-duration: 0.5s;}
.work_box li:hover img{transform: scale(1.1);}
.work_box .hover_box{display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); text-align: center; opacity: 0;}
.work_box .hover_box span{display: table-cell; color: #fff; font-weight: 400; font-size: 19px; vertical-align: middle;}
.work_box li:hover .hover_box{opacity: 1; transition-duration: 0.5s;}
.work_box+span{font-size: 15px;}
.circle_shape{display: inline-block; width: 43px; height: 43px; border-radius: 50%; background-color: #333; color: #fff; font-size: 0.8em; line-height: 44px; font-weight: 400; vertical-align: middle; text-align: center;}
.circle{border-radius:50%;}

/* 탭 스타일 */
.darkgray_tabs .nav-tabs{border-bottom: 0;}
.darkgray_tabs{display: table-row;}
.darkgray_tabs .nav-item{ display: table-cell; border-right: 1px solid #333; border-bottom: 1px solid #333; color: #707070; font-weight: 300; font-size: 1.5em; text-align: center;}
.darkgray_tabs .nav-link{width: 100%; height: 100%; padding: 1.5rem 0rem; border: 0; border-radius: 0;}
.darkgray_tabs .nav-item.show .nav-link, .darkgray_tabs .nav-link.active{background-color: #333; color: #fff; font-weight: 400;}
.darkgray_border_tabs li:not(:last-child) .nav-link{border-right: 0;}
/* 20200513 nav-link 높이 추가, 단어유지 Start */
.darkgray_border_tabs .nav-link{min-height: 80px; max-height: 80px; padding: 1.5rem 1rem; border: 1px solid #333; border-radius: 0; color: #707070; font-weight: 300; font-size: 1.5em; text-align: center; word-break: keep-all;}
/* 20200513 nav-link 높이 추가, 단어유지 End */
.darkgray_border_tabs .nav-link,.darkgray_border_tabs .nav-link:hover{border-width: 2px; border-color: #707070 #707070 #333;}
.darkgray_border_tabs .nav-item.show .nav-link, .darkgray_border_tabs .nav-link.active{border-color: #333 #333 #fff; color: #222; font-weight: 600;}

/* ***** 이벤트 공통 CSS Start ***** */
/* 이벤트 영역 공통 */
.mobile_event{display: none;}
.txt_hidden{text-indent: -9999px;}
.bg_lightgray{background-color: #f7f7f7;}
.bg_line{display: inline-block; width: 100%; height: 2px; background-color: #ccc;}
.light_shadow{box-shadow: 0 5px 10px #ddd;}
ul.clearfix > li, .clearfix > div{float: left;}
.event_wrap{min-width: 1200px; overflow-x: hidden;}
.event_wrap > div:not(:first-child){padding: 115px 0; font-size: 16px;}
/* 20200923 padding 값 추가 Start */
.event_container{width: 1200px; padding: 0 10px; margin: auto;}
/* 20200923 padding 값 추가 End */
.title_img{position: absolute; left: 0; top: 0;}
.prof_tab_wrap{display: table; width: 100%; border: 1px solid #333; border-collapse: collapse;}

/* 전문 교수진 영역 */
.strategy_title h6{font-weight: 400; font-size: 2.2em; letter-spacing: -1px; word-spacing: -2px; word-break: keep-all;}
.strategy_title h6 strong{display: block; margin-top: 6px;}
.prof_cont_box, .curriculum_list{padding: 0 35px;}
.prof_img_box .prof_info{position: absolute; right: 8%; bottom: 6%; padding: 10px; font-size: 1.1em; background-color: rgba(255,255,255,0.75);}
.prof_img_box .prof_info p{font-size: 1.3em; letter-spacing: -1.5px;}
.prof_video_box{padding: 25px 10px;}

/* 커리큘럼 영역 */
.step_box{display: inline-block; width: 230px; height: 230px; padding-top: 33px; border:5px solid #f0f0f0; border-radius: 50%; background-color: #fff; font-size: 1.4em; line-height: 1; text-align: center;}
.step_box p{font-weight: 600; font-size: 1.1em;}
.curriculum_list li{text-align: center; vertical-align: middle;}
.elum_strategy_box2 .black_btn{padding: 20px; border-radius: 10px; font-size: 1.9em;}

/* 강의 선택 영역 */
.register_box{padding:20px 25px 50px; margin-right: 2%; border-radius: 40px; background-color: #fff; text-align: center;}
.register_box:last-child{margin-right: 0;}
.register_box .month_class{font-weight: 700; font-size: 2.8em; font-family: 'LotteMartHappy', sans-serif;}
.register_box .month_class strong{font-size: 1.5em;}
.event_price_box{padding: 40px 0; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.event_price_box span{font-size: 0.7em;}
.event_price_box li div{font-size: 1.4em; line-height: 1;}
.product_price{color: #a9a9a9;}
.product_price p{font-size: 1.2em; font-family: 'tmonmonsori',sans-serif;}
.discount_deco:after{display: inline-block; content: ''; position: absolute; left: 50%; top: 50%;transform: translateX(-45%); width:173px; height: 41px; background: url("/event/common/images/tools/discount_deco.png") 0 0 no-repeat; background-size: contain;}
.discount_price{color: #7e7e7e;}
.discount_price p{font-size: 1.8em; font-family: 'tmonmonsori',sans-serif;}
.discount_price p:after{left: 50%; transform: translateX(-50%); width: 200px; height: 2px; background-color: #ff0000;}
.total_price{color: #e41c1c; font-size: 2.8em; font-family: 'tmonmonsori',sans-serif;}
.total_price strong{font-size: 1.4em;}
.notice_box h6{font-size: 1.8em;}
.notice_box li{font-weight: 300; font-size: 1.5em;}

/* 수강대상 영역 */
.csl_target_box .highlight_box{font-size: 1.8em;}
.csl_target_box .highlight_box span{color: #3b2e65; font-weight: 700; font-size: 1.5em;}
.csl_target_box .highlight_box .line_deco:after{height: 7px; bottom: -10px; background-color: #fee555;}
.csl_target_box .work_box li:not(:last-child){margin-right: 2%;}
.csl_target_box .work_box .hover_box{background-color: rgba(0,0,0,0.7);}
.csl_target_box .work_box .hover_box span{font-weight: 300; font-size: 1.1em; line-height: 1.3;}
.csl_target_box .work_box .hover_box strong{display: block; font-size: 1.4em;}

/* 수강기간 연장 영역 */
.elum_strategy_box5 .border_round_list{vertical-align: middle;}
.elum_strategy_box5 .border_round_list:first-child{border-color: #f2f2f2;}
.elum_strategy_box5 .border_round_list:last-child{border-color: #7a579e;}
.elum_strategy_box5 .border_round_list:last-child .position-absolute{left: 0; top: 50%; transform: translateY(-50%); width: 100%; color: #7f40b8; font-size: 2.1em; letter-spacing: -1.5px; text-align: center;}
.elum_strategy_box5 .border_round_list p{font-weight: 500; font-size: 1.7em; text-align: center;}
.elum_strategy_box5 .border_round_list .border_list_title{top: -24px; font-size: 1.8em;}

/* 수강신청 반 정보 영역 */
.bottom_box .border_gray_list{min-height: 225px;}
.bottom_box .border_list_title{top: -20px; font-size: 1.5em;}
.bottom_box .discount_price{font-size: 1.1em; letter-spacing: -1px;}
.bottom_box .discount_price p{color: #333;}
.month_class_info table{border-top: 1px solid #222; border-bottom: 1px solid #222;}
/* 20200319 밑선과 폰트 사이즈 적용 분리 Start */
.month_class_info table tr{font-size: 1.1em;}
.month_class_info table tr:not(:last-child){border-bottom: 1px solid #c6c6c6;}
/* 20200319 밑선과 폰트 사이즈 적용 분리 End */
.month_class_info table th{border-right: 1px solid #222;}
.month_class_info table th,.month_class_info table td{padding: 1.5%;}
.month_class_info table td{color: #333; font-weight: 300;}
.math_sign{font-weight: 600; font-size: 2.6em;}
.dc_step_box .border_gray_list{min-height: 225px;}
.dc_step_box .border_list_title{top: -20px; font-size: 1.5em;}
.dc_step_box .discount_price{font-size: 1.1em; letter-spacing: -1px;}
.dc_step_box .discount_price p{color: #333;}
.box_title_yllw p{background-color: #fee555; font-size: 1.6em; text-align: center;}
.box_title_yllw p span{font-weight: 800; font-size: 1.15em;}
.box_title_blue p{padding: 3px 0; background-color: #2e4780; color: #fff; font-size: 1.6em; text-align: center;}

/* 20200717 자격증 자세히보기 모바일 버튼 추가 Start */
.go_certif_btn{display: none;}
/* 20200717 자격증 자세히보기 모바일 버튼 추가 End */

/* 20200720 수강신청페이지 - 자세히보기 버튼 추가 Start */
.collapse_info_btn{display: none; position: relative; padding: 6px 0; color: #828282 !important; font-weight: 300; font-size: 14px;}
.collapse_info_btn:after{display: inline-block; content: ''; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; background-color: #e2e2e2;}
/* 20200720 수강신청페이지 - 자세히보기 버튼 추가 End */

/* 20200729 하단 수강신청 고정 배너 Start */
.btm_fix_banner{position: fixed; bottom: 0; background-color: #ff0e67; font-size: 16px; z-index: 9;}
.btm_fix_banner .sale_txt_box{background-color: #222222; border-radius: 4px; font-weight: 800; font-size: 1.4em; line-height: 2em; transform: skewX(16deg); box-shadow: -6px 4px 0 0 #ff6594;}
.btm_fix_banner .row{font-size: 1.2em;}
.btm_fix_banner .row .left_box{width: 18%;}
.btm_fix_banner .row .center_box{width: 44%; font-size: 2.5em; font-family: 'Black Han Sans', sans-serif;}
.btm_fix_banner .row .center_box p{padding-top: 8px; color: #fffd37; line-height: 1;}
.btm_fix_banner .row .right_box{width: 38%;}
.btm_fix_banner .fix_banner_btn a{padding: 8% 2%; background-color: #fffd37; border-radius: 300px; font-weight: 800; font-size: 1.2em; line-height: 1; box-shadow: 0 5px 0 0 #c1c03d;}
.btm_fix_banner .fix_banner_btn .pc_none{display: none;}
.fix_banner_btn .pointer_hand{position: absolute; bottom: -18%; right: 2%;}
/* 20200729 하단 수강신청 고정 배너 End */

/* 20200730 이벤트 하단 고정 배너 : 강의 선택 팝업 추가 Start */
.fix_banner_apply .crs_cost_item{padding: 14px 0; margin-bottom: 0 !important; border-bottom: 1px solid #dddddd;}
.fix_banner_apply .cost_dc{font-size: 1.6em;}
.fix_banner_apply input[type="radio"].basic_chk+label:before{display: inline-block; content: ''; width: 36px; height: 36px; margin-right: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; vertical-align: middle;}
.fix_banner_apply input[type="radio"].basic_chk:checked+label:before{background: #e62828 url("/front/images/tools/check_icon_white.png") 0 0 no-repeat; background-size: cover; border-color: #e62828;}
.fix_banner_apply .blue_btn{padding: 12px 0; color: #ffffff; font-size: 1.4em; line-height: 1;}
.fix_banner_apply .blue_btn:hover, .fix_banner_apply .blue_btn:focus{background-color: #2857b7; color: #ffffff;}
.add_cart_modal.double_modal .modal-content{border: 8px solid #2f62cb;}
/* 20200730 이벤트 하단 고정 배너 : 강의 선택 팝업 추가 End */

/* Media Query */
/*20200309 width 640 -> 991 변경*/
/*20200316 width 640으로 재변경 / 20200925 640 > 800 */
@media (max-width: 800px) {
     /* Text line_deco */
    .wave_deco.yellow{margin-bottom: 9px;}
    .wave_deco.yellow:after{bottom: -9px;}

    /* 타이틀 스타일 */
    .cont_title_box{margin-bottom: 52px; word-break: keep-all;}
    .cont_title_box p{padding-left: 0;}
    .cont_title_box h3{font-size: 3.6em; letter-spacing: -1px; vertical-align: bottom;}
    .sub_title_box{margin-bottom: 60px;}
    .sub_title_box p{font-size: 0.8em;}
    .csl_box_title{text-align: center;}
    .csl_box_title+p{width: 100% !important;}

    /* 박스 스타일 */
    .bay_deco_box{letter-spacing: -1px;}
    .bay_deco_box:before, .bay_deco_box:after{top: -25%; width: 61px; height: 155px; background-size: 100% 100%;}
    .bay_deco_box:before{left: 0;}
    .bay_deco_box:after{right: 0;}
    .bay_deco_box.long_txt h6{word-spacing: -5px;}
    .bay_deco_box.long_txt:before,.bay_deco_box.long_txt:after{top: 0;}

    /* 탭 스타일 */
    .darkgray_tabs{display: flex;}
    .darkgray_tabs .nav-item{width: 33.33% !important;}
    .darkgray_tabs .nav-item:nth-child(3){border-right: 0;}
    .darkgray_tabs .nav-item:nth-child(n+4){border-bottom: 0;}

    /* 이벤트 공통 */
    .pc_event{display: none;}
    .mobile_event{display: block;}
    .event_wrap{min-width: 100%;}
    .event_wrap .event_container{width: 100%; padding: 0 3%;}
    .event_wrap > div:not(:first-child){font-size: 14px;}

    /* 전문 교수진 영역 */
    .prof_tab_wrap{margin-bottom: 50px !important;}
    .prof_cont_box, .curriculum_list{padding: 0;}
    .prof_img_box{padding-top: 80%; background-position-x: 40% !important;}
    .prof_img_box .prof_info{right: 0; bottom: 25%;}
    .prof_video_box{padding: 0; margin-top: -18%;}
    .prof_cont_box .col-sm-7,.prof_cont_box .col-sm-5{flex: 0 0 100%; max-width: 100%;}

    /* 커리큘럼 영역 */
    .m_curriculum_list {margin-bottom: 50px;}
    .m_curriculum_list li{display: table; width: 100%; margin-bottom: 20px; background-color: #fff;}
    .m_curriculum_list li > div{display: table-cell; padding: 6% 4%; vertical-align: middle;}
    .m_curriculum_list .curriculum_left{width: 30%; color: #fff; font-weight: 600; font-size: 1.8em; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -1px; text-align: center;}
    .m_curriculum_list li:first-child .curriculum_left{background-color: #ffcc00;}
    .m_curriculum_list li:nth-child(2) .curriculum_left{background-color: #d8ba40;}
    .m_curriculum_list li:nth-child(3) .curriculum_left{background-color: #b3a15b;}
    .m_curriculum_list li:nth-child(4) .curriculum_left{background-color: #79692b;}
    .m_curriculum_list li:last-child .curriculum_left{background-color: #55503c;}
    .m_curriculum_list .curriculum_right{width: 70%;}
    .m_curriculum_list .curriculum_right p{font-size: 1.65em;}
    .m_curriculum_list .curriculum_right span{color: #666; font-weight: 300; font-size: 1.4em; line-height: 1;}
    .m_curriculum_list .curriculum_right img{display: inline-block; position: absolute; right: 0;}
    .elum_strategy_box2 .w45p{width: 100%;}

     /* 강의 선택 영역 */
    .register_box{width: 100%; padding: 20px 25px 40px;}
    .register_box:not(:last-child){margin-bottom: 50px;}
    .register_box li{display: inline-block; vertical-align: middle;}
    .register_box li:not(:nth-child(2)){width: 40%;}
    .register_box li:nth-child(2){width: 18%;}

    /* 수강대상 영역 */
    .highlight_box p{padding: 0; font-size: 0.9em;}
    .csl_target_box .work_box .hover_box span{font-size: 0.8em;}

    /* 수강기간 연장 영역 */
    .elum_strategy_box5 li.w45p{width: 100%;}
    .elum_strategy_box5 .arrow_box{width: 100%; transform: rotate(90deg); margin-top: 2%; margin-bottom: 4%; margin-left: 0!important; margin-right: 0!important;; text-align: center;}
    .notice_box li p{display: inline-block; padding-left: 0 !important;}

    /* 수강신청 반 정보 영역 */
    .month_class_info .w40p{width: 45%;}
    .month_class_info .w15p{width: 5%;}
    .month_class_info .col-sm-10,.month_class_info .col-sm-8,.month_class_info .col-sm-4,.month_class_info .col-sm-2{flex: 0 0 100%; max-width: 100%; }
    .month_class_info ul{justify-content: space-between;}
    .month_class_info .col-sm-4{font-size: 18px;}
    .month_class_info .col-sm-2{justify-content: center; padding-right: 0;}
    .month_class_info .col-sm-2 .math_sign{padding: 5.24% 7.5%; margin: 5% 0; background: url("/event/common/images/tools/dwn_arrow_wide.png") left top no-repeat ; background-size: contain; font-size: 0; text-indent: -999px; overflow: hidden;}
    .border_gray_list .bay_deco_box.black_bay a{width: 100%; margin: 25px auto 0;}

    /* 20200729 하단 수강신청 고정 배너 Start */
    .btm_fix_banner{font-size: 14px;}
    .btm_fix_banner .event_container{width: 100%; padding: 0 3%;}
    .btm_fix_banner .sale_txt_box{position: absolute; top: -24px; left: 8px; width: auto; padding: 0 2%; font-size: 16px; box-shadow: -5px 3px 0 0 #ff6594;}
    .btm_fix_banner .row{width: 86%;}
    .btm_fix_banner .row .left_box{width: 15%;}
    .btm_fix_banner .row .left_box .w80p{width: 100%;}
    .btm_fix_banner .row .center_box{width: 55%; font-size: 2em;}
    .btm_fix_banner .row .right_box{width: 30%; text-align: left;}
    .btm_fix_banner .fix_banner_btn{width: 14%;}
    .btm_fix_banner .fix_banner_btn a{padding: 12% 20%; margin-left: 2%; border-radius: 4px;}
    .btm_fix_banner .fix_banner_btn .pc_none{display: block;}
    .fix_banner_btn .pointer_hand{bottom: -18%; right: -8%; width: 34%;}
    /* 20200729 하단 수강신청 고정 배너 End */
}

@media (max-width: 600px) {
    /* 수강대상 영역 */
    .highlight_box .img_box:before, .highlight_box .img_box:after {display: none;}
}

@media (max-width: 575px) {
    /* 이벤트 영역 공통 */
    .event_wrap:not(:first-child) > div{font-size: 13px;}

    /* 20200729 하단 수강신청 고정 배너 Start */
    .btm_fix_banner{font-size: 12px !important;}
    .btm_fix_banner .sale_txt_box{top: -20px;}
    .btm_fix_banner .row .center_box{width: 65%; font-size: 2em;}
    .btm_fix_banner .row .center_box p span{padding: 0 4px !important;}
    .btm_fix_banner .row .right_box{width: 35%;}
    /* 20200729 하단 수강신청 고정 배너 End */
}

/* 탭 스타일 : 20200513 .link_overline 추가 : 한줄 넘어가실 적용 Start */
@media (max-width: 520px) {
    .darkgray_border_tabs .nav-item:last-child .link_overline{padding: 0.55rem 1rem}
}
/* 탭 스타일 : 20200513 .link_overline 추가 : 한줄 넘어가실 적용 End */

@media (max-width: 500px) {
    /* 타이틀 스타일 */
    .title_num_circle{margin-bottom: 30px;}

    /* 박스 스타일 */
    .bay_deco_box:before, .bay_deco_box:after{display: none;}
    .border_list_title > p,.border_list_title > span{padding: 0 0.2em;}
    .border_gray_list .bay_deco_box.black_bay strong{line-height: 1;}

    /* 이벤트 영역 공통 */
    .event_wrap > div:not(:first-child){padding: 80px 0;}
    .mgb125{margin-bottom: 70px;}

    /* 전문 교수진 영역 */
    .prof_video_box{padding: 0; margin-top: 0%;}
    .prof_img_box{padding-top: 80%; background-position-x: 15% !important;}

    /* 수강신청 반 정보 영역 */
    .bottom_box .mgb100{margin-bottom: 60px;}
    .border_gray_list{min-height: 150px;}
    .border_gray_list .align-self-center{padding-top: 3%; font-size: 1.2em;}
    .month_class_info .w40p, .month_class_info .w15p{width: 100%;}
}

@media (max-width: 440px) {
    /* 타이틀 스타일 */
    .cont_title_box{margin-bottom: 20px;}

    /* 박스 스타일 */
    .border_list_title > p,.border_list_title > span{padding: 0 1em;}

    /* 이벤트 영역 공통 */
    .event_wrap:not(:first-child) > div{font-size: 12px;}
    .cont1_box,.cont2_box{padding: 100px 0;}

    /* 수강대상 영역 */
    .csl_target_box .work_box li{width: 100% !important;}
    .csl_target_box .work_box li:not(:last-child){margin-right: 0;}
    .csl_target_box .work_box .hover_box span{font-size: 1.2em;}

    /* 20200717 자격증 자세히보기 모바일 버튼 추가 Start */
    .go_certif_btn{display: block; padding: 4% 0; border-radius: 300px; font-size: 1.9em;}
    /* 20200717 자격증 자세히보기 모바일 버튼 추가 End */

    /* 20200717 모바일 영역삭제 css Start*/
    .m_delete{display: none;}
    /* 20200717 모바일 영역삭제 css End*/

    /* 20200720 수강신청페이지 - 자세히보기 버튼 추가 Start */
     .register_box{padding: 20px 10px 40px;}
     .collapse_info_btn{display: inline-block;}
     .collapse_info_box{max-height: 0; transition: max-height 0.25s ease-out; overflow: hidden;}
     /* 20200720 수강신청페이지 - 자세히보기 버튼 추가 End */

    /* 20200729 하단 수강신청 고정 배너 Start */
    .btm_fix_banner .row{width: 80%; flex-flow: column-reverse;}
    .btm_fix_banner .row > div{width: 100% !important;}
    .btm_fix_banner .row .right_box{text-align: center;}
    .btm_fix_banner .fix_banner_btn{width: 20%;}
    .btm_fix_banner .fix_banner_btn a{padding: 12%; margin-left: 0;}
    /* 20200729 하단 수강신청 고정 배너 End */
}
@media (max-width: 380px) {
    /* Text line_deco */
    .wave_deco.yellow{margin-bottom: 0;}
    .wave_deco.yellow:after{display: none;}

    /* 수강대상 영역 */
    .highlight_box p{padding: 0 6%; font-size: 1em; letter-spacing: -1px;}

    /* 20200513 추가 : 전략 검정 버튼 텍스트 크기 조절 */
    .elum_strategy_box2 .w45p{font-size: 10px;}
}

/*20200309 이벤트영역 가로스크롤 없애기 */
.event_wrap{width:100%!important}

/*20200316 교수소개영역과 이벤트 겹침으로 인해 수정*/
@media (max-width: 991px) {
    /* 이벤트 공통 */
    .professor_wrap .pc_event{display: none;}
    .professor_wrap .mobile_event{display: block;}
    .professor_wrap{min-width: 100%;}
    .professor_wrap .event_container{width: 100%; padding: 0 3%;}
    .professor_wrap > div:not(:first-child){font-size: 14px;}

    /* 커리큘럼 영역 */
    .professor_wrap .m_curriculum_list {margin-bottom: 50px;}
    .professor_wrap .m_curriculum_list li{display: table; width: 100%; margin-bottom: 20px; background-color: #fff;}
    .professor_wrap .m_curriculum_list li > div{display: table-cell; padding: 6% 4%; vertical-align: middle;}
    .professor_wrap .m_curriculum_list .curriculum_left{width: 30%; color: #fff; font-weight: 600; font-size: 1.8em; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -1px; text-align: center;}
    .professor_wrap .m_curriculum_list li:first-child .curriculum_left{background-color: #ffcc00;}
    .professor_wrap .m_curriculum_list li:nth-child(2) .curriculum_left{background-color: #d8ba40;}
    .professor_wrap .m_curriculum_list li:nth-child(3) .curriculum_left{background-color: #b3a15b;}
    .professor_wrap .m_curriculum_list li:nth-child(4) .curriculum_left{background-color: #79692b;}
    .professor_wrap .m_curriculum_list li:last-child .curriculum_left{background-color: #55503c;}
    .professor_wrap .m_curriculum_list .curriculum_right{width: 70%;}
    .professor_wrap .m_curriculum_list .curriculum_right p{font-size: 1.65em;}
    .professor_wrap .m_curriculum_list .curriculum_right span{color: #666; font-weight: 300; font-size: 1.4em; line-height: 1;}
    .professor_wrap .m_curriculum_list  img{display: inline-block; position: absolute; right: 0;}
    .professor_wrap .elum_strategy_box2 .w45p{width: 100%;}
}

/*20200317 교수 경력이 사진을 가려서 수정*/
@media (max-width: 414px) {
    .prof_img_box .prof_info{bottom: 5%;}
}

/* 20200319 미디어쿼리 추가 Start */
@media (max-width: 360px) {
    .professors_table tr td{font-size: 14px;}
}

/* 20200319 미디어쿼리 추가 End */

@media (max-width: 320px) {
    .prof_cont_box .col-sm-7, .prof_cont_box .col-sm-5{height: 290px;}
}

/*20200521 이벤트 유튜브 검은선 제거*/
.embed-responsive{position:relative;}
.embed-responsive:after{position:absolute; content:' '; background:#fff; width:2px; z-index:1; height:100%; right:0; top:0;}

.prof_video_box{position:relative;}
.prof_video_box:after{position:absolute; content:' '; background:#fff; width:100%; z-index:1; height:1px; right:0; top:25px;}

/*20200528 이벤트페이지 내 교수소개 추가*/
.prof_info_wrap ul.clearfix > li{width:100%!important;}

/*20200529 환급반 이벤트 마우스오버*/
.discount_box .register_btn{color: #fff;}