@charset "UTF-8";

/*
 *****************************************
 * CSS Variables
 * ***************************************
 * File : custom.css
 * DATE : 2023.02.16
 * Author : @juhee
 * Guideline : SUPERBEE. 1.0.0
 *
 * SUMMARY :
 * 1) HEADER
 * 2) FOOTER
 * 3) MAIN
 * 4) SUB
 * 5) RESPONSIBILITY

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.font, .font div, .font a, .font p, .font span, .font h1, .font h2, .font h3, .font h4, .font h5, .font h6, .font input, .font textarea, .font button{font-family: 'pretendard', sans-serif !important; word-break: keep-all;}
.font01, .font01 div, .font01 a, .font01 p, .font01 span, .font01 h1, .font01 h2, .font01 h3, .font01 h4, .font01 h5, .font01 h6, .font01 input, .font01 textarea, .font01 button{font-family: 'Inter', sans-serif!important; word-break: keep-all;}
.font02, .font02 div, .font02 a, .font02 p, .font02 span, .font02 h1, .font02 h2, .font02 h3, .font02 h4, .font02 h5, .font02 h6, .font02 input, .font02 textarea, .font02 button{font-family: 'Inter', 'pretendard', sans-serif !important; word-break: keep-all;}

.br_inquiry{display: none;}
.br{display: none;}
.br01{display: block;}
.br02{display: block;}
.br03{display: block;}



/********************************************************************************************************************************
*********************************************************** HEADER **************************************************************
*********************************************************************************************************************************/
.page-id-946 .jupiterx-header{position: absolute !important;}
/* 헤더 메인 */
#header_main , #header_main_sub{position: fixed; width: 100%; margin-top: 0px; margin-bottom: 0px; top: 0px;}
#header_main > div , #header_main_sub > div{transition: all 0.3s;}
#header_main .header_main_wrap .headermw_nav a{color: #fff !important;}
#header_main .header_main_wrap .headermw_nav a.elementor-item{height: 120px;}
#header_main .header_main_wrap .headermw_nav a.elementor-sub-item{color: #222 !important;}
#header_main .header_main_wrap .headermw_nav a .sub-arrow , #header_main_sub .header_ms_wrap .headermw_nav a .sub-arrow{display: none;}
#header_main .header_main_wrap .headermw_nav .sub-menu{width: 100% !important;}
#header_main .header_main_wrap .headermw_icon , #header_main_sub .header_ms_wrap .headermw_icon{height: 28px;}

#header_main_sub{box-shadow: 0px 4px 10px rgba(200, 200, 200, 0.25);}
#header_main_sub .header_ms_wrap .headermw_nav a.elementor-item{height: 90px;}
#header_main_sub .header_ms_wrap .headermw_nav .sub-menu{width: 100% !important;}

#header_main.on{background-color: #fff !important; box-shadow: 0px 4px 10px rgba(200, 200, 200, 0.25);}
#header_main.on .header_main_wrap .headermw_nav a{color: #000 !important;}
/* #header_main.on .header_main_wrap .headermw_icon svg g path:nth-child(1){fill: #012957 !important;} */
/* #header_main.on .header_main_wrap .headermw_nav .sub-menu{top: 144% !important;} */

/* 팝업 */
.pop .pop_wrap .popw_top .popwt_btn {height: 19px;}
.pop .pop_wrap .popw_bottom .pop_nav a{color: #A0A0A0 !important; justify-content: space-between;}
.pop .pop_wrap .popw_bottom .pop_nav a > .sub-arrow i::before{content: "" !important; display: block; width: 10px; height: 6px; background: url(/wp-content/uploads/2023/02/drop_icon_g.svg) no-repeat center center;}
.pop .pop_wrap .popw_bottom .pop_nav ul.sub-menu{background: #FBFBFB;}
.pop .pop_wrap .popw_bottom .pop_nav ul.sub-menu > li > a{border: 0 !important; padding: 15px 25px !important; font-weight: 400 !important; font-size: 18px !important; line-height: 22px;}
.pop .pop_wrap .popw_bottom .pop_nav ul.sub-menu > li > a.elementor-item-active{color: #fff !important;}

.pop .pop_wrap .popw_bottom .pop_nav a.highlighted{color: #fff !important;}
.pop .pop_wrap .popw_bottom .pop_nav a.highlighted > .sub-arrow i::before{background: url(/wp-content/uploads/2023/02/drop_icon.svg) no-repeat center center;}

.pop .pop_wrap .popw_bottom .pop_nav a.elementor-item-active{color: #fff !important;}
.pop .pop_wrap .popw_bottom .pop_nav a.elementor-item-active > .sub-arrow i::before{background: url(/wp-content/uploads/2023/02/drop_icon.svg) no-repeat center center;}

.pop .pop_wrap .popw_bottom .pop_nav a:hover{color: #fff !important;}
.pop .pop_wrap .popw_bottom .pop_nav a:hover > .sub-arrow i::before{background: url(/wp-content/uploads/2023/02/drop_icon.svg) no-repeat center center;}

/********************************************************************************************************************************
********************************************************** FOOTER **************************************************************
*********************************************************************************************************************************/
.footer .f_bottom .ft_right_icon .elementor-icon-list-item svg{width: auto; height: auto;}
.footer .f_bottom .ft_right_icon .elementor-icon-list-item:nth-child(1) svg{margin: 0 23px 0 0;}
.footer .f_bottom .ft_right_icon .elementor-icon-list-item:nth-child(2) svg{margin: 0 15px 0 0;}
.footer .fTop_btn a span.elementor-button-content-wrapper::before{content: ""; display: block; width: 12px; height: 18px; background: url(/wp-content/uploads/2023/02/f_top.svg) no-repeat center center; position: absolute; top: 25px;}
.footer .f_bottom .ft_right .f_icon .elementor-icon i:before{position: unset; color: #323539;}
.footer .f_bottom .ft_left .f_icon .elementor-icon i:before{position: unset; color: #323539;}


/********************************************************************************************************************************
************************************************************ MAIN ***************************************************************
*********************************************************************************************************************************/

/* 메인 슬라이드 */
.main .rs-layer span{color: #F5BB58;}
.main .block01{position: absolute !important; bottom: 0;}
/* .main .main_arrow{position: absolute; bottom: 4%;} */

/* main arrow */
.arrow_bottom{text-align: center;}
.arrow_bottom svg{animation: animateDown 1.7s ease-in-out infinite alternate}

@keyframes animateDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
  
}

/*********************************** sec02 **************************************/
.block{position: absolute !important; bottom: 0;}
.contant_top .gray_txt_wrap ,.contant_top .bar, .contant_top .y_txt{width: auto !important;}
.contant_top .gray_txt_wrap ,.contant_top .bar{margin-right: 10px !important;}
.block.block-m{position: absolute !important;}

/* 다이어그램 */
.diagram{width: 131px;}
.diagram svg path { opacity: 0; } 
.diagram.active svg path.p-1 { animation: animateDown01 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-2 { animation: animateDown02 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-3 { animation: animateDown03 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-4 { animation: animateDown04 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-5 { animation: animateDown05 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-6 { animation: animateDown06 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-7 { animation: animateDown07 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-8 { animation: animateDown08 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-9 { animation: animateDown09 4s steps(1, end)/* linear */ infinite; animation-delay: 1s } 
.diagram.active svg path.p-10 { animation: animateDown10 4s steps(1, end)/* linear */ infinite; animation-delay: 1s; } 
.diagram.active svg path.p-11 { animation: animateDown11 4s steps(1, end)/* linear */ infinite; animation-delay: 1s; } 
.diagram.active svg path.p-12 { animation: animateDown12 4s steps(1, end)/* linear */ infinite; animation-delay: 1s; } 
.diagram.active svg path.p-13 { animation: animateDown13 4s steps(1, end)/* linear */ infinite; animation-delay: 1s; } 
.diagram.active svg path.p-14 { animation: animateDown14 4s steps(1, end)/* linear */ infinite; animation-delay: 1s; } 
.diagram.diagram-m{width: 20%;}

/* 코드 */
.code_wrap{width: 296px !important; position: absolute !important; top: 8%; left: 37%;} 
.code{width: 100%;}
.code path{opacity: 0;}
.code.active .code01{animation: codeani01 2s steps(1, end) infinite; animation-delay: 1s}
.code.active .code02{animation: codeani02 2s steps(1, end) infinite; animation-delay: 1s}
.code.active .code03{animation: codeani03 2s steps(1, end) infinite; animation-delay: 1s}
.code.active .code04{animation: codeani04 2s steps(1, end) infinite; animation-delay: 1s}
.code.active .code05{animation: codeani05 2s steps(1, end) infinite; animation-delay: 1s}
.code.active .code06{animation: codeani06 2s steps(1, end) infinite; animation-delay: 1s}

/* 아이콘 */
.robo_icon{position: absolute !important; bottom: 90px; right: 9px; display: flex; justify-content: flex-end !important;}
.robo_icon_wrap.active{animation: roboani01 1.5s linear infinite; animation-delay: 1s;}
.robo_icon_wrap.active .robo_icon02{animation: roboani02 1.5s steps(1, end) infinite; animation-delay: 1s;}
.robo_icon_wrap.active .robo_icon03{animation: roboani03 1.5s steps(1, end) infinite; animation-delay: 1s;}
.robo_icon_wrap.active .robo_icon04{animation: roboani04 1.5s steps(1, end) infinite; animation-delay: 1s;}


/************************************** sec03 **************************************/
.point_block{position: relative;}
.point_block::after{content: ""; display: block; width: 115px; height: 114px; background-color: #FBFBFB; position: absolute; top: 0;}

.jems_btn {color: #fff !important;}

.main_video .elementor-custom-embed-image-overlay{background-size: contain !important; background-repeat: no-repeat; background-position: top center !important;}


/********************************************************************************************************************************
************************************************************ SUB ****************************************************************
*********************************************************************************************************************************/
/* 서브 비주얼 네비 */
.sub_visual .sub_nav .breadcrumb{align-items: center;}
.sub_visual .sub_nav .breadcrumb-item + .breadcrumb-item{padding-left: 16px;}
.sub_visual .sub_nav .breadcrumb-item + .breadcrumb-item::before{content: "" !important; width: 6px; height: 10px; background: url(/wp-content/uploads/2023/02/sub_nav_arrow.svg) no-repeat center center;}
.sub_visual .sub_nav .breadcrumb span{padding-left: 16px;}
.sub_visual .sub_nav .breadcrumb-item:nth-child(1) a{display: block; width: 16px; height: 14px; background: url(/wp-content/uploads/2023/02/sub_nav_h.svg) no-repeat center center;}
.sub_visual .sub_nav .breadcrumb-item:nth-child(1) a span{display: none;}




/****************** Learning contents ********************/
.lc_txt .lc_txt_wrap .lct_wrap_tit h2 span{color: #F5BB58;}
.lc_txt .lc_txt_wrap .lct_wrap_desc div span{color: #000;}
.lc_txt .lc_txt_wrap .lct_wrap_tit_b h2 span{color: #012957;}

.lcb_box > div .lcb_box_top , .lcb_box > div .lcb_box_top .lcbb_top_wrap , .lcb_box > div .lcb_box_top .lcbb_top_wrap h2 , .lcb_box > div .lcb_box_top .lcbb_top_wrap svg g path{transition: all 0.45s;}
.lcb_box > div .lcb_box_top::after{content: ""; display: block; width: 54px; height: 31px; background:url(/wp-content/uploads/2023/02/Polygon01.svg) no-repeat center center; position: absolute; bottom: -7.5%; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.6s;}
.lcb_box:nth-child(2) > div .lcb_box_top::after{background:url(/wp-content/uploads/2023/02/Polygon02.svg) no-repeat center center;}
.lcb_box_btn{opacity: 0; transition: all 0.6s;}

.lcb_box > div:hover .lcb_box_top{background-color: #F5BB58;}
.lcb_box:nth-child(2) > div:hover .lcb_box_top{background-color: #012957;}
.lcb_box > div:hover .lcb_box_btn{opacity: 1;}
.lcb_box > div:hover .lcb_box_top::after{opacity: 1;}
.lcb_box > div:hover .lcb_box_top .lcbb_top_wrap{margin-bottom: 89px;}
.lcb_box > div:hover .lcb_box_top .lcbb_top_wrap h2{color: #fff !important;}
.lcb_box > div:hover .lcb_box_top .lcbb_top_wrap svg g path{fill: #fff !important;}
.lcb_box > div:hover .lcb_box_top .lcbb_top_wrap svg g:nth-child(2) path:nth-child(2){fill: #F5BB58 !important;}
.lcb_box:nth-child(2) .lcb_box_top .lcbb_top_wrap .elementor-widget-container{text-align: center;}
.lcb_box:nth-child(2) > div:hover .lcb_box_top .lcbb_top_wrap svg g:nth-child(2) path:nth-child(2){fill: #012957 !important;}
.L2_txt > div::before{left: -18px !important;}

/* 탭 버튼 */
.tab .jet-tabs__control-wrapper:nth-child(1){width: 1420px;}
.tab .jet-tabs__control-wrapper:nth-child(1) .jet-tabs__control{width: calc(100% / 3);}
.tab .jet-tabs__control-wrapper:nth-child(1) .jet-tabs__control+.jet-tabs__control{border-left: 0 !important; margin-left: 0 !important;}
.tab .jet-tabs__control-wrapper:nth-child(1) .jet-tabs__control .jet-tabs__control-inner{padding: 27px 20px;}
.tab .jet-tabs__control-wrapper{background-color: rgba(255, 255, 255, 0);}

/* 탭 템플릿 공통 */
.tit h2 span{color: #F5BB58 !important;}
.tit_b h2 span{color: #012957 !important;}
.tit_block h2{display: inline-block; position: relative;}
.tit_block h2::before{content: ""; display: block; width: 10px; height: 10px; background-color: #F5BB58; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.tit_block_b h2::before{background-color: #012957;}
.txt > div{display: inline-block !important;  position: relative;}
.elementor-button-text{color: #fff !important;}
.elementor-button-icon{display: flex; align-items: center;}
.txt_list_wrap{margin: 0 !important;}
.txt_list{list-style: disc !important;}

/* 비디오 팝업 close btn */
.dialog-close-button i::before{content: ""; display: block; width: 19px; height: 19px; background: url(/wp-content/uploads/2023/02/close_icon.svg) no-repeat center center;}

/* 온라인 클래스 미리보기 팝업 */
.video02 iframe{height: 100%;}

.tab .jet-tabs{flex-direction: column;}

/**************** About us *******************/
/* 서브 메뉴 */
.sub_menu .subm_nav ul{width: 100%;}
.sub_menu .subm_nav ul li{width: 20%;}
.sub_menu .subm_nav ul li a{justify-content: center; color: #000 !important;}
.sub_menu .subm_nav ul li a{justify-content: center; color: #000 !important;}
.sub_menu .subm_nav ul li a.elementor-item-active{color: #012957 !important; font-weight: 600 !important;}
.sub_menu .subm_nav ul li:hover a{color: #012957 !important; }
.sub_menu .subm_nav01 ul li{width: 50% !important;}

/**************** mission *******************/
.mission_box .mission_txt span{font-weight: 700 !important; color: #F5BB58 !important;}
.mission_box:nth-child(2) .mission_txt span{color: #012957 !important;}

/******************* Brand Story *******************/



/******************* History *******************/
.history_tab_wrap .jet-tabs__control{margin-top: 10px !important;}
.history_cont .timeline-item__card-content{display: flex;}
.history_cont .timeline-item__card-content .timeline-item__meta{width: 240px;}
.history_cont .timeline-item__card-content .timeline-item__card-desc div+div{margin-top: 21px;}
.history_cont .timeline-item__card-content .timeline-item__card-desc > .b_txt{font-weight: 500 !important; color: #012957 !important;}
.history_cont .timeline-item__point{margin-top: 30px !important;}
.history_cont02 .jet-timeline-item:nth-child(3) .timeline-item__meta-content{line-height: 100% !important;}
.history_cont03 .jet-timeline-item .timeline-item__meta-content{line-height: 100% !important;}

.history_tab .jet-tabs__control-wrapper{flex-direction: column;}


/******************* Partnership *******************/
.partnership_img + .partnership_img{margin-left: 20px;}

/******************* News *******************/
.news_icon_wrap{position:absolute !important; right: 0; top: 50%; }
.news_icon_wrap .elementor-icon-wrapper{height: 30px;}

.news_post .raven-column-link::after{content: ""; width: 100%; height: 100%; border: 3px solid #F5BB58; position: absolute; opacity: 0; transition: all 0.3s;} 
.news_post .raven-column-link:hover::after{opacity: 1;}

#news_post .page-numbers.prev , #news_post .page-numbers.next{width: 40px; height: 42px; text-indent: -9999px; position: relative;}
#news_post .page-numbers.prev::after , #news_post .page-numbers.next::after{content: ""; display: block; width: 6px; height: 10px; background: url(/wp-content/uploads/2023/02/news_arrow.svg) no-repeat center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#news_post .page-numbers.next::after{transform: translate(-50%, -50%)  rotateY(180deg);}
#news_post .page-numbers{display: inline-block; width: 46px; height: 42px; border: 1px solid #F0F0F0; line-height: 42px; color: #C2C2C2 !important; transition: all 0.3s;}
#news_post .page-numbers.current{background: #012957;  color: #fff !important;}
#news_post .page-numbers:hover{background: #012957; color: #fff !important;}

/******************* 1 : 1 Inquiry *******************/
/* .raven-column-flex-horizontal>.elementor-widget-wrap .elementor-element{width: 100% !important;} */

.wpcf7-form{color: #a0a0a0; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: -0.04em;}
.form_input_wrap {margin-bottom: 20px; display: flex; justify-content: space-between;}
.form_input_wrap .form_input {display : inline-block; width: calc( (100% - 40px) / 3); vertical-align: top; position: relative; }
.form_input_wrap .form_input label , .input_message label{position: absolute; z-index: 1; top: 50%; left: 20px; transform: translateY(-50%);}
.input_message label{top: 30px;}
.form_input_wrap .form_input label span , .input_message label span{color: #F5BB58}
.form_input_wrap .form_input input, .form_input_wrap .form_input select,
.input_message textarea {width : 100%; height: 60px; padding: 10px 20px 10px 40%; border: 1px solid #F0F0F0; color: #a0a0a0; font-family: 'Inter', sans-serif!important;}
.input_message textarea { min-height: 292px; overflow-y: scroll; padding: 50px 20px 10px ; }
.form_input_wrap .form_input input:focus-visible, .form_input_wrap .form_input select:focus-visible,
.input_message textarea:focus-visible {outline-color: #44BF98 !important;}
.wpcf7-not-valid-tip { position: absolute; }

.input_message { margin-bottom: 20px; position: relative;}

.form_acceptance_wrap{display: flex; justify-content: flex-end; margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -0.05em; color: #6C6C6C; text-align: end;}
.form_acceptance_wrap .form_acceptance:nth-child(2){margin-left: 10px; font-weight: 700; color: #012957; text-decoration: underline; cursor: pointer;}
.form_acceptance_content{display: none; height: 300px; margin-bottom: 20px; overflow-y: scroll; border: 1px solid #F0F0F0;font-size: 16px; font-weight: 400;}
.form_acceptance_content ul{padding: 20px; font-size: 16px; font-weight: 400; margin: 0;}
.form_acceptance_content ul li + li{margin-top: 20px;}
.form_acceptance_content.on{display: block;}

.bottom_btn{display: flex; justify-content: space-between;}
.bottom_btn input{font-size: 20px; font-weight: 500; color: #fff; background: #012957; border: 2px solid #012957; border-radius: 100px; line-height: 24px; letter-spacing: -0.02em; padding: 18px 23px; box-sizing: border-box; cursor: pointer;}

.wpcf7-not-valid-tip{font-size: 0.7em !important; line-height: 20px !important;}
.wpcf7-spinner{display: none !important;}
.wpcf7-form-control{appearance: none; position: relative;}
.form_input.sel .wpcf7-form-control-wrap::after{content: ""; display: block; width: 9px; height: 8px;background: url(/wp-content/uploads/2023/02/select.svg) no-repeat center center; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}


/******************* Notice *******************/
#kboard-default-list .kboard-list table td.kboard-list-uid, #kboard-default-list .kboard-list table td.kboard-list-title, #kboard-default-list .kboard-list table td.kboard-list-date , #kboard-default-list .kboard-list table td.kboard-list-title a{font-weight: 400; font-size: 18px !important; line-height: 22px !important; letter-spacing: -0.05em !important;}

#kboard-default-list .kboard-list thead tr td{background: #FAFAFA; border-top: 2px solid #222222 !important; border-bottom: 1px solid #EEEEEE !important; font-size: 18px !important;  line-height: 22px !important; letter-spacing: -0.05em !important; color: #222222 !important; font-weight: 500 !important;}
#kboard-default-list .kboard-list tbody tr td{color: #676768 !important;}
#kboard-default-list .kboard-list table td.kboard-list-uid{width: 220px !important;}
#kboard-default-list .kboard-list table td.kboard-list-date{width: 240px !important;}
#kboard-default-list .kboard-list table td{padding: 25px 0 27px !important;}
#kboard-default-list .kboard-list tbody td.kboard-list-title{padding-left: 80px !important;}

.raven-column-flex-horizontal>.elementor-widget-wrap .elementor-element.elementor-element-9f3ce7d{width: 100% !important;}




/*******************  Education Centers​  *******************/
/* 서브 메뉴 */
.sub_menu .subm_nav.ed_nav ul li{width: calc(100% / 3);}

/* Tuition Center */
.ed_tit h2 span{color: #F5BB58;}
.ed_video .elementor-custom-embed-play svg{opacity: 1;}
.ed_video > .elementor-widget-container , .ed_video > .elementor-widget-container video{height: 650px !important;}

.form_input_wrap.ad_tc{flex-wrap: wrap;}
.form_input_wrap.ad_tc > div:nth-child(6){width: calc( (100% - 40px) / 3);}
.form_input_wrap.ad_tc > div:nth-child(6) .form_input{width: 100%;}
.form_input_wrap .form_input.ad_tc_h{width: calc( (100% - 20px) / 2);}
.form_input_wrap .form_input.ad_tc{color: #666;}
.form_input_wrap .form_input.ad_tc1 , .form_input_wrap .form_input.ad_tc2 , .form_input_wrap .form_input.ad_tc3{margin-bottom: 20px;}
.form_input_wrap .form_input.ad_tc1 select{padding: 10px 20px 10px 37%;}
.form_input_wrap .form_input.ad_tc2 input , .form_input_wrap .form_input.ad_tc8 input{padding: 10px 20px 10px 54%;}
.form_input_wrap .form_input.ad_tc3 input , .form_input_wrap .form_input.ad_tc7 input{padding: 10px 20px 10px 55%;}
.form_input_wrap .form_input.ad_tc4 input{padding: 10px 20px 10px 22%;}
.form_input_wrap .form_input.ad_tc5 , .form_input_wrap .form_input.ad_cc5 , .form_input_wrap.ad_tt01 .form_input.ad_tt5{border: 1px solid #F0F0F0;}
.form_input_wrap .form_input.ad_tc5 select{padding: 10px 20px 10px 37%;}
.form_input_wrap .form_input.ad_tc5 span.wpcf7-checkbox , .form_input_wrap .form_input.ad_cc5 span.wpcf7-checkbox , .form_input_wrap.ad_tt01 .form_input.ad_tt5 span.wpcf7-checkbox{display: flex; height: 60px; align-items: center; justify-content: flex-end; padding-right: 20px;}
.form_input_wrap .form_input.ad_tc5 span label , .form_input_wrap .form_input.ad_cc5 span label , .form_input_wrap.ad_tt01 .form_input.ad_tt5 span label{position: unset; transform: none; margin-bottom: 0;}
.form_input_wrap .form_input.ad_tc5 span label span.wpcf7-list-item-label , .form_input_wrap .form_input.ad_cc5 span label span.wpcf7-list-item-label , .form_input_wrap.ad_tt01 .form_input.ad_tt5 span label span.wpcf7-list-item-label{font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: -0.04em; color: #A0A0A0;}
.form_input_wrap .form_input.ad_tc6 select{padding: 10px 20px 10px 40%;}
.bottom_btn.ad_tc_btn{padding-top: 30px; align-items: center;}
.bottom_btn.ad_tc_btn .form_acceptance{font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -0.05em; color: #6C6C6C;}
.bottom_btn.ad_tc_btn .form_acceptance .wpcf7-list-item{margin: 0;}
.bottom_btn.ad_tc_btn .form_acceptance .wpcf7-list-item label{display: flex; align-items: flex-start;}
.bottom_btn.ad_tc_btn .form_acceptance .wpcf7-list-item label input{margin-top: 3px; margin-right: 10px;}

.form_input_wrap.ad_tc_g{margin-bottom: 0; /* display: none; */}
.form_input_wrap .form_input.ad_tc9{ width: 100%; padding: 14px 0; border: 1px solid #F0F0F0; margin-bottom: 20px;}
.form_input_wrap .form_input.ad_tc9 > p{display: flex; align-items: center;}
.form_input_wrap .form_input.ad_tc9 > p label{position: relative; left: 0; padding-left: 20px; transform: translateY(0); margin-right: 30px; margin-bottom: 0;}
.form_input_wrap .form_input.ad_tc9 > p span.wpcf7-list-item{margin: 0 0 0 20px; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: -0.04em; color: #A0A0A0;}
.form_input_wrap .form_input.ad_tc9 > p span.wpcf7-list-item input{width: auto; height: auto;}
.form_input_wrap .form_input.ad_tc9 > p span.wpcf7-list-item-label{color: #A0A0A0;}

.form_input_wrap .form_input.ad_tc9.grade11{padding: 0; border: 0;}
.form_input_wrap .form_input.ad_tc9.grade11 span{width: 100%;}
.form_input_wrap .form_input.ad_tc9.grade11 span input{padding: 10px 20px;}

.bottom_btn span.wpcf7-list-item-label{width: calc(100% - 22px); }

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
  height: 12px !important;
  outline: 0;
  width: 12px !important;
  border: 1px solid #A0A0A0 !important;
  padding: 0 !important;
}
input[type="checkbox"]:checked {
  background: #012957;
  border: 1px solid #012957 !important;
}
input[type="checkbox"]:checked::after {
  display: block;
}

/* Coding Camp */
.cc_tab_btn_wrap{justify-content: center;}
.cc_tab_btn_wrap > div{width: auto; background-color: #fff; border-radius: 100px; border: 1px solid #F0F0F0;}
.cc_txt span{color: #F5BB58 !important;}

.cc_tab_btn03_h > div{display: flex; align-items: center; justify-content: center; height: 120px;}

.cc_tab_btn{cursor: pointer;}
.cc_tab_btn:hover h2{color: #fff !important;}
.cc_tab_btn:nth-child(2):hover > div{background-color: #012957 !important;}
.cc_tab_btn.on > div{background-color: #F5BB58 !important;}
.cc_tab_btn:nth-child(2).on > div{background-color: #012957 !important;}
.cc_tab_btn.on h2{color: #fff !important;}

.cc_tab_con{display: none;}
.cc_tab_con.on{display: block;}

.form_input_wrap.ad_cc03 > div:nth-child(2){width: calc( (100% - 20px) / 2);}
.form_input_wrap.ad_cc03 > div:nth-child(2) > div{width: 100%;}
.form_input_wrap .form_input.ad_cc2{width: calc( (100% - 10px) / 3 * 2);}
.form_input_wrap .form_input.ad_cc4 , .form_input_wrap .form_input.ad_cc5 , .form_input_wrap .form_input.ad_cc8{height: 60px;}
.form_input_wrap.ad_cc01 .form_input.ad_cc{margin-bottom: 20px;}
.form_input_wrap.ad_cc01 .form_input.ad_cc3 , .form_input_wrap.ad_cc01 .form_input.ad_cc4{width: calc( (100% - 20px) / 2);}
.form_input_wrap.ad_cc01 .form_input.ad_cc2 input{padding: 10px 20px 10px 50%;}
.form_input_wrap.ad_cc01 .form_input.ad_cc4 input{padding: 10px 20px 10px 20%;}

.form_input_wrap.ad_cc02 > p{font-family: 'Inter'; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.02em; color: #012957; width: 100%; margin-bottom: 10px !important;}
.form_input_wrap.ad_cc02 .ad_tc{width: calc( (100% - 40px) / 3);}
.form_input_wrap.ad_cc02 .form_input.ad_cc6 select{padding: 10px 20px 10px 50%;}
.form_input_wrap.ad_cc02 .form_input.ad_cc3 input, .form_input_wrap.ad_cc02 .form_input.ad_cc7 input{padding: 10px 20px 10px 40%;}
.form_input_wrap.ad_cc02 .form_input.ad_cc10 input{padding: 10px 20px 10px 55%;}

.form_input_wrap.ad_cc03{margin-bottom: 0;}
.form_input_wrap.ad_cc03 .form_input.ad_cc{margin-bottom: 20px;}
.form_input_wrap.ad_cc03 .form_input.ad_cc5 , .form_input_wrap.ad_cc03 .form_input.ad_cc6{width: calc( (100% - 20px) / 2);}

/* Teacher Training */
.form_input_wrap.ad_tt01 .form_input.ad_tt{width: calc( (100% - 20px) / 2); margin-bottom: 20px;}
.form_input_wrap.ad_tt01 .form_input.ad_tt2 input{padding: 10px 20px 10px 70%;}
.form_input_wrap.ad_tt01 .form_input.ad_tt4 input{padding: 10px 20px 10px 20%;}
.form_input_wrap.ad_tt01 .form_input.ad_tt6{border: 1px solid #F0F0F0;}
.form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap{display: flex; justify-content: flex-end; align-items: center;}
.form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap .wpcf7-radio {height: 60px; padding-right: 20px; display: flex; align-items: center;}
.form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap .wpcf7-radio label{position: unset; display: flex; transform: translateY(0); align-items: center;margin-bottom: 0; }
.form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap .wpcf7-radio label span{    font-family: 'Inter';font-weight: 400; font-size: 16px; line-height: 28px;letter-spacing: -0.04em;color: #A0A0A0; margin-left: 10px;}
.form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap .wpcf7-radio .last{margin-left: 20px;}

input[type="radio"]{
    appearance: none;
    border-radius: 100%;
    width: 12px !important;
    height: 12px !important;
    padding: 0;
    border: 1px solid #a0a0a0 !important;
    padding: 0 !important;
}
input[type="radio"]:checked:checked {
  background: #012957;
  border: 1px solid #012957 !important;
}


/******************* Distributor/Investor​  *******************/
.form_input_wrap.di1 > div , .form_input_wrap.di2 > div{width: calc( (100% - 20px) / 2); height: 60px;}
.form_input_wrap.di2 .form_input{width: calc( (100% - 20px) / 2);}

.form_input_wrap.di1 .form_input.di01 input{padding: 10px 20px 10px 50%;}
.form_input_wrap.di1 .form_input.di02 input{padding: 10px 20px 10px 40%;}
.form_input_wrap.di1 .form_input.di03 input{padding: 10px 20px 10px 50%;}
.form_input_wrap.di2 .form_input.di04 input{padding: 10px 20px 10px 20%;}

.form_input_wrap.di0 .form_input.ad_tt1 label{color: #a0a0a0; font-weight: 500; font-size: 20px; line-height: 28px; letter-spacing: -0.04em;}
.form_input_wrap.di2 .form_input.di05{border: 1px solid #F0F0F0;}
.form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap{display: flex; justify-content: flex-end; align-items: center;}
.form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap .wpcf7-radio {height: 60px; padding-right: 20px; display: flex; align-items: center;     flex-wrap: wrap;}
.form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap .wpcf7-radio label{position: unset; display: flex; transform: translateY(0); align-items: center;margin-bottom: 0; }
.form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap .wpcf7-radio label span{font-family: 'Inter';font-weight: 400; font-size: 16px; line-height: 28px;letter-spacing: -0.04em;color: #A0A0A0; margin-left: 10px;}
input::placeholder {font-family: 'Inter', sans-serif!important; font-weight: 400; font-size: 16px; color: #ccc; letter-spacing: -0.04em;}


/******************* Pricing​  *******************/
/* .pricing_tab .jet-tabs__content-wrapper:nth-child(2){overflow: inherit;} */
/* .pwrap .jet-tabs{flex-direction: column;} */
.pricing_wrap{transition: all 0.3s;}
.pricing_wrap::after{content: ""; opacity: 0; display: block; width: 100%; height: 100%; border: 2px solid #F5BB58; position: absolute; transition: all 0.3s;}
.pricing_wrap > div{align-items: center; transition: all 0.3s;}
.pricing_wrap .pricing_icon_list .elementor-icon-list-item{align-items: flex-start !important;}
.pricing_wrap .elementor-widget-button{z-index: 10;}
.pricing_wrap02::after{border: 2px solid #012957;}
.pwrap .pricing_wrap .level{width: fit-content !important;}
.pricing_wrap02 .pricing_icon_list svg path{fill: #012957 !important;}
.pricing_wrap02 .pricing_icon_list .elementor-icon-list-text span{color: #F5BB58 !important;}

.pricing_wrap:hover {transform: scale(1.1); z-index: 1; background-color: #fff;}
.pricing_wrap:hover::after{opacity: 1;}

.pricing_p h2 span{font-size: 25px !important;}
.pricing_icon_list .elementor-icon-list-text span{margin-left: 10px; font-weight: 700 !important; color: #012957 !important;}

/*******************   Schools *******************/
/* 서브 네비 */
.sub_menu .subm_nav.s_nav ul li{width: 50%;}

/* 폼 */
.form_input_wrap.sc1 , .form_input_wrap.sc3{margin-bottom: 0;}
.form_input_wrap.sc1 > div:nth-child(2){width: calc( (100% - 20px) / 2);}
.form_input_wrap.sc1 > div:nth-child(2) > div{width: 100%;}
.form_input_wrap.sc2 .form_input.ad_tc5.sc05{border: 0;}
.form_input_wrap .form_input.sc{width: calc( (100% - 20px) / 2); height: 60px;}
.form_input_wrap .form_input.sc02 input , .form_input_wrap .form_input.sc03 input{padding: 10px 20px 10px 35%;}
.form_input_wrap.sc .form_input.ad_cc8 input{padding: 10px 20px 10px 55%;}
.form_input_wrap.sc .form_input.ad_cc10 input{padding: 10px 20px 10px 60%;}

.sc_box{display: none;}
.scb_box + .scb_box{margin-left: 20px;}
.scb_box > div{overflow: hidden;}
.scb_box > div .scb_box_top , .scb_box > div .scb_box_top.sc > div , .scb_box > div .scb_box_top::after , .scb_box > div .scb_box_top .scbb_top_wrap svg path , .scb_box > div .scb_box_top .scbb_top_wrap > div , .scb_box > div .scb_box_top .scbb_top_wrap h2{transition: all 0.45s;}
.scb_box > div .scb_box_top::after{content: ""; display: block; width: 54px; height: 31px; background:url(/wp-content/uploads/2023/02/Polygon01.svg) no-repeat center center; position: absolute; bottom: -7.5%; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.6s; visibility: hidden;}
.scb_box:nth-child(2) > div .scb_box_top::after{background:url(/wp-content/uploads/2023/02/Polygon01.svg) no-repeat center center;}
.scb_box_btn{opacity: 0; transition: all 0.3s;}
.scb_box_btn.sc{opacity: 0; position: absolute; bottom: 0;}

.scb_box > div:hover .scb_box_top{background-color: #F5BB58;}
.scb_box > div:hover .scb_box_top.sc > div{min-height: 260px !important;}
.scb_box > div:hover .scb_box_top::after{opacity: 1; visibility: unset;}
.scb_box > div:hover .scb_box_btn.sc{opacity: 1;}
.scb_box > div:hover .scb_box_top .scbb_top_wrap svg path{fill: #fff !important;}
.scb_box > div:hover .scb_box_top .scbb_top_wrap > div{transform: scale(0.9);}
.scb_box > div:hover .scb_box_top .scbb_top_wrap h2{color: #fff !important;}

.show{display: none;}

/* Trial Lesson */
.tl_txt span{color: #000 !important;}


/********************************************************************************************************************************
********************************************************** RESPONSIBILITY *******************************************************
*********************************************************************************************************************************/
@media screen and (max-width:1440px){
    /* 메인슬라이드 */
    .main .rs-layer , .main .rs-layer span{font-size: 70px !important; line-height: 90px !important;}

    /* 다이어그램 - pc */
    .elementor-946 .elementor-element.elementor-element-be30929 > .elementor-widget-container{margin: -40% 0% 0% 27% !important;}
    .diagram{width: 22%;}

    /* 코드 */
    .code_wrap{left: 33%;} 
    .elementor-946 .elementor-element.elementor-element-ba51f4f > .elementor-element-populated{padding: 0% 0% 0% 15% !important;}

    /* 팝 */
    .elementor-946 .elementor-element.elementor-element-d934d49 > .elementor-widget-container{margin: -55px 0px 0px 78px !important;}

    /* sec03 */
    .elementor-946 .elementor-element.elementor-element-4be011d > .elementor-element-populated{padding: 0 !important;}
    .elementor-946 .elementor-element.elementor-element-1d188a4{bottom: -1px; right: -15%;}
    .elementor-946 .elementor-element.elementor-element-1d188a4 img{width: 100px !important;}
    .elementor-946 .elementor-element.elementor-element-1d188a4 > .elementor-widget-container{margin: -55px 35px 0px 0px !important;}

    /****************** Learning contents ********************/
    /* 탭 버튼 */
    .tab .jet-tabs__control-wrapper:nth-child(1){width: 80%;}

    /* footer */
    footer section:nth-child(2) , footer section:nth-child(3){padding-left: 20px !important; padding-right: 20px !important;}

    .form_input_wrap .form_input.attac input{padding: 10px 20px 10px 45%;}
    .form_input_wrap .form_input.sel select{padding: 10px 20px 10px 50%;}
}
@media screen and (max-width:1320px){
    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap.ad_tc > div:nth-child(6){width: calc( (100% - 20px) / 2);}
    .form_input_wrap .form_input.ad_tc{width: calc( (100% - 20px) / 2);}
    .form_input_wrap .form_input.ad_tc9{width: 100%;}
    .form_input_wrap .form_input.ad_tc9 label{top: 0;}
    .form_input_wrap .form_input.ad_tc4{height: 60px;}
    .form_input_wrap .form_input.ad_tc1 select{padding: 10px 20px 10px 37%;}
    .form_input_wrap .form_input.ad_tc2 input , .form_input_wrap .form_input.ad_tc8 input{padding: 10px 20px 10px 54%;}
    .form_input_wrap .form_input.ad_tc3 input , .form_input_wrap .form_input.ad_tc7 input{padding: 10px 20px 10px 55%;}
    .form_input_wrap .form_input.ad_tc4 input{padding: 10px 20px 10px 22%;}
    .form_input_wrap .form_input.ad_tc5 select{padding: 10px 20px 10px 37%;}
    .form_input_wrap .form_input.ad_tc6 select{padding: 10px 20px 10px 33%;}

    /* Coding Camp */
    .form_input_wrap .form_input.ad_cc1{width: calc( (100% - 10px) / 3);}
    .form_input_wrap .form_input.ad_cc2{width: calc( (100% - 10px) / 3 * 2);}
    .form_input_wrap.ad_tc .form_input.ad_cc2 input{padding: 10px 20px 10px 67%;}
    .form_input_wrap.ad_tc .form_input.ad_cc3 input{padding: 10px 20px 10px 58%;;}
    .form_input_wrap .form_input.ad_cc5 select{padding: 10px 20px 10px 43%;}
    .form_input_wrap.ad_tc .form_input.ad_cc7 input, .form_input_wrap.ad_tc .form_input.ad_cc8 input{padding: 10px 20px 10px 25%;}
    .form_input_wrap.ad_cc02 .form_input.ad_cc10 input{padding: 10px 20px 10px 35%;}
    .form_input_wrap.ad_tc .form_input.ad_cc6, .form_input_wrap.ad_tc .form_input.ad_cc7{margin-bottom: 20px;}

    /* Teacher Training */
    .form_input_wrap.ad_tt01 .form_input.ad_tt1 , .form_input_wrap.ad_tt01 .form_input.ad_tt2{width: 100%;}
    .form_input_wrap.ad_tt01 .form_input.ad_tt2 input{padding: 10px 20px 10px 45%;}
    

    /******************* Distributor/Investor​  *******************/
    .form_input_wrap.di1 > div , .form_input_wrap.di2 > div{width: calc( (100% - 20px) / 2) !important;}
    .form_input_wrap.di1{flex-wrap: wrap;}
    .form_input_wrap.di1 .form_input.di03{margin: 0;}

    /*******************   Schools *******************/
    .form_input_wrap .form_input.sc02 input , .form_input_wrap .form_input.sc03 input{padding: 10px 20px 10px 35%;}
    .form_input_wrap .form_input.sc05 select , .form_input_wrap .form_input.sc07 select{padding: 10px 20px 10px 50%;}
    .form_input_wrap.sc .form_input.ad_cc8 input{padding: 10px 20px 10px 55%;}
    .form_input_wrap.sc .form_input.ad_cc10 input{padding: 10px 20px 10px 60%;}
}
    

@media screen and (max-width:1200px){
    /* sec03 */
    .elementor-946 .elementor-element.elementor-element-db0e7da > .elementor-widget-container{margin: 0px 0px 50px -35px !important;}
    .elementor-946 .elementor-element.elementor-element-45c7429 > .elementor-element-populated{padding: 0px 0px 0px 20px !important;}
}
@media screen and (max-width:1024px){
    .br_inquiry{display: block;}
    .br02{display: none;}

    /* 메인슬라이드 */
    .main .rs-layer , .main .rs-layer span{font-size: 55px !important; line-height: 70px !important;}

    /* 코드 */
    .code_wrap{width: 36.5% !important; top: 9%;} 
    .code{width: 100%; }
    .elementor-946 .elementor-element.elementor-element-ba51f4f > .elementor-element-populated{    padding: 0px 20px 80px 80px !important;}

    /* sec03 */
    .elementor-946 .elementor-element.elementor-element-db0e7da > .elementor-widget-container{    margin: 0px 0px 0px -20px !important;}

    /* 탭 템플릿 */
    .teb_content {padding: 100px 20px !important;}
    .tit h2{font-size: 30px !important; line-height: 100% !important;}
    .watch_btn .elementor-button-icon svg{width: auto !important;}
    .elementor-1824 .elementor-element.elementor-element-b094f0c , .elementor-2065 .elementor-element.elementor-element-60ebcac , .elementor-2073 .elementor-element.elementor-element-776cabd , .elementor-3782 .elementor-element.elementor-element-b094f0c , .elementor-3791 .elementor-element.elementor-element-b094f0c , .elementor-3800 .elementor-element.elementor-element-b094f0c , .elementor-4578 .elementor-element.elementor-element-b50b6e5 , .elementor-4578 .elementor-element.elementor-element-a8996d9 , .con_padding{padding: 50px !important;}
    .watch_btn a , .watch_btn_r a , .watch_btn02 a{font-size: 16px !important; line-height: 24px !important; padding: 10px 15px 10px 15px !important;}

    /******************* History *******************/
    .history_sec {padding: 0px 0px 0px 75px !important;}
    .history_sec .timeline-item__meta-content{font-size: 50px !important;line-height: 63px !important;} 

    /******************* Partnership *******************/
    .partnership_wrap > div > div .elementor-widget-wrap{flex-direction: column;
    align-content: center;}
    .partnership_img + .partnership_img{margin-left: 0px;}

    /******************* Brand Story *******************/
    .brandstory_box01 img{object-position: top center;}

    /******************* footer *******************/
    .footer .fTop_btn a span.elementor-button-content-wrapper::before{top: 15px;}

    /******************* 1 : 1 Inquiry *******************/
    .form_input_wrap .form_input.attac input{padding: 10px 20px 10px 60%;}
    .form_input_wrap .form_input.sel select{padding: 10px 20px 10px 40%;}

    /*******************  Education Centers​ - Tuition Center *******************/
    .ed_video > .elementor-widget-container , .ed_video > .elementor-widget-container video{height: 500px !important;}

    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap .form_input.ad_tc_h{width: 100%;}
    .form_input_wrap .form_input.ad_tc_h:nth-child(1){margin-bottom: 20px;}
    .bottom_btn.ad_tc_btn{flex-wrap: wrap; justify-content: center; flex-direction: column;}
    .bottom_btn.ad_tc_btn .form_acceptance{margin-bottom: 20px;}

    /* Coding Camp */
    .cc_tab_btn > div{padding: 20px 30px !important;}
    .cc_tab_btn h2{font-size: 18px !important; line-height: 20px !important; text-align: center;}
    .cc_tab_btn03_h > div{height: 80px;}
    /* .cc_tab_btn_wrap >div{border-radius: 30px !important;} */

    .form_input_wrap.ad_cc01 .form_input.ad_tc , .form_input_wrap.ad_tt01 .form_input.ad_tt{width: 100%;}
    .form_input_wrap.ad_tc .form_input.ad_cc4 , .form_input_wrap.ad_tc .form_input.ad_cc5{margin-bottom: 20px;}
    .form_input_wrap.ad_tc .form_input.ad_cc2 input{padding: 10px 20px 10px 60%;}
    .form_input_wrap.ad_tc .form_input.ad_cc3 input{padding: 10px 20px 10px 50%;;}
    .form_input_wrap .form_input.ad_cc5 select{padding: 10px 20px 10px 43%;}
    .form_input_wrap.ad_tc .form_input.ad_cc7 input, .form_input_wrap.ad_tc .form_input.ad_cc8 input{padding: 10px 20px 10px 35%;}
    .form_input_wrap.ad_cc02 .form_input.ad_cc10 input{padding: 10px 20px 10px 50%;}
    .form_input_wrap.ad_tc .form_input.ad_cc6, .form_input_wrap.ad_tc .form_input.ad_cc7{margin-bottom: 20px;}

    .form_input_wrap.ad_cc03 .form_input.ad_cc5 , .form_input_wrap.ad_cc03 > div:nth-child(2){width: 100%;}
    .form_input_wrap.ad_cc03 > div:nth-child(2){margin-bottom: 20px;}

    /* Teacher Training */
    .form_input_wrap.ad_tt01 .form_input.ad_tt2 input{padding: 10px 20px 10px 60%;}

    /******************* Distributor/Investor​  *******************/
    .form_input_wrap.di2{flex-wrap: wrap;}
    .form_input_wrap.di1 > div, .form_input_wrap.di2 > div{width: 100% !important;}
    .form_input_wrap.di1 .form_input.di01 , .form_input_wrap.di1 .form_input.di02 , .form_input_wrap.di2 .form_input.di04{margin-bottom: 20px;}
    .form_input_wrap.di1 .form_input.di01 input ,.form_input_wrap.di1 .form_input.di02 input,.form_input_wrap.di1 .form_input.di03 input{padding: 10px 20px 10px 40%;}

    /******************* Pricing​  *******************/
    .pwrap > div{flex-direction: row;}

    /*******************   Schools *******************/
    .form_input_wrap .form_input.sc{width: 100%;}
    .form_input_wrap.sc1 > div:nth-child(2){width: 100%;}
    .form_input_wrap .form_input.sc05 , .form_input_wrap .form_input.sc06{margin-bottom: 20px;}
    .form_input_wrap .form_input.sc02 input , .form_input_wrap .form_input.sc03 input{padding: 10px 20px 10px 30% !important;}
    .form_input_wrap .form_input.sc06 select , .form_input_wrap .form_input.sc05 select , .form_input_wrap .form_input.sc07 select{padding: 10px 20px 10px 35%;}
    .form_input_wrap .form_input.sc03 input{padding: 10px 20px 10px 40%;}

    .scb_box{width: calc( (100% - 40px) / 3) !important;}
    .form_input_wrap.ad_cc02.sc{margin-top: 20px;}
    .form_input_wrap.sc .form_input.ad_tc{width: 100%; margin-bottom: 20px;}

}

@media screen and (max-width:924px){
    /****************** Learning contents ********************/
    /* 탭 템플릿 공통 */
    .txt > div::before{left: 2%;}
    .txt:nth-child(2) > div:before{left: 0; }
}
@media screen and (max-width:910px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 58vh !important;}

    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 70vh !important;}
    .code_wrap{width: 35.5% !important;} 

    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap .form_input.ad_tc3 input{padding: 10px 20px 10px 60%;}

    
}
@media screen and (max-width:880px){
    /* Tuition Center */
    .form_input_wrap .form_input.ad_tc5{width: 100%; margin-bottom: 20px;}
    .form_input_wrap.ad_tc > div:nth-child(6){width: 100%;}
}
@media screen and (max-width:830px){
    .br_inquiry{display: none;}

    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 55vh !important;}

    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 63vh !important;}
    .code_wrap{top: 6.5%;} 

    /******************* 1 : 1 Inquiry *******************/
    .form_input_wrap{flex-wrap: wrap;}
    .form_input_wrap .form_input{width: 100%;}
    .form_input_wrap .form_input + .form_input{margin-top: 20px;}
    .form_input_wrap .form_input.attac input{padding: 10px 20px 10px 40%;}

    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap .form_input.ad_tc  + .form_input.ad_tc {margin-top: 0px;}
    .form_input_wrap .form_input.ad_tc2 input{padding: 10px 20px 10px 58%;}
    .form_input_wrap .form_input.ad_tc8 input{padding: 10px 20px 10px 55%;}

    /* Coding Camp */
    .form_input_wrap.ad_tc .form_input.ad_cc8{margin-bottom: 20px;}
    .form_input_wrap .form_input.ad_cc10{height: 60px;}

    /* Teacher Training */
    .form_input_wrap.ad_tt01 .form_input.ad_tt{width:100%;}

    /******************* Distributor/Investor​  *******************/
    .form_input_wrap.di0 .form_input.ad_tt1 , .form_input_wrap.di2 .form_input.di05{margin: 0;}
}
@media screen and (max-width:768px){
    .br{display: block;}
    .br03{display: none;}

    /* 메인슬라이드 */
    .main .rs-layer , .main .rs-layer span{font-size: 36px !important; line-height: 50px !important;}
    .raven-slider .swiper-slide-bg{background-position: 40% !important;}

    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 52vh !important;}


    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 55vh !important;}
    .code_wrap{width: 37% !important;  top: 7%;} 

    /* sec03 */
    .sec03 .point_block::after{width: 60px ; height: 60px;}

    /****************** Learning contents ********************/
    .lcb_box > div:hover .lcb_box_top .lcbb_top_wrap{margin-bottom: 45px;}

    /* 탭 템플릿 */
    .tit h2{font-size: 24px !important;}
    .tab .jet-tabs__control-wrapper:nth-child(1) .jet-tabs__control .jet-tabs__control-inner{padding:20px;}

    .txt > div::before{left: -2.5%;}
    .elementor-1824 .elementor-element.elementor-element-b094f0c , .elementor-2065 .elementor-element.elementor-element-60ebcac , .elementor-2073 .elementor-element.elementor-element-776cabd , .elementor-3782 .elementor-element.elementor-element-b094f0c , .elementor-3791 .elementor-element.elementor-element-b094f0c , .elementor-3800 .elementor-element.elementor-element-b094f0c , .elementor-4578 .elementor-element.elementor-element-b50b6e5 , .elementor-4578 .elementor-element.elementor-element-a8996d9 , .con_padding{padding: 50px 20px !important;}
    .elementor-1824 .elementor-element.elementor-element-c0ecd3c.elementor-column > .elementor-widget-wrap{flex-direction: column; align-content: center; align-items: center;}
    .elementor-1824 .elementor-element.elementor-element-c0ecd3c.elementor-column > .elementor-widget-wrap > div:nth-child(1) .elementor-widget-container{margin: 0px !important;}
    .watch_btn_wrap .watch_btn , .watch_btn_wrap .watch_btn02{margin-bottom: 20px !important;}
    .watch_btn_wrap .elementor-widget-container{margin-right: 0px !important;}
    .watch_btn_wrap > div{flex-direction: column; align-items: center; align-content: center;}
    .watch_btn_wrap > div > div:nth-child(1){margin-bottom: 20px !important;}
    .watch_btn_wrap .elementor-widget-container{margin: 0 !important;}

    /* 교재 미리보기 팝업 */
    .elementor-3806 .elementor-element.elementor-element-c05a7d9 > .elementor-container , .elementor-4020 .elementor-element.elementor-element-c05a7d9 > .elementor-container, .elementor-4026 .elementor-element.elementor-element-c05a7d9 > .elementor-container, .elementor-4030 .elementor-element.elementor-element-c05a7d9 > .elementor-container , .elementor-4034 .elementor-element.elementor-element-c05a7d9 > .elementor-container{min-height: 78vh !important;}
    .pop_txt .pop_txt_wrap .pop_txt_con iframe{height: 650px !important;}

    /******************* History *******************/
    .history_sec {padding: 20px !important;}

    /******************* News *******************/
    .elementor-2294 .elementor-element.elementor-element-73810496{padding: 20px !important;}
    .news_icon_wrap{display: none !important;}
    #news_post .page-numbers.prev , #news_post .page-numbers.next{width: 30px; height: 32px;}
    #news_post .page-numbers{width: 30px; height: 32px; line-height: 32px;}

    /******************* 1 : 1 Inquiry *******************/
    .wpcf7-form{font-size: 18px; line-height: 26px;}
    .form_acceptance_wrap{flex-direction: column; align-items: flex-end;} 

    /******************* Notice *******************/
    #kboard-default-list .kboard-list table td.kboard-list-uid{width: 150px !important;}
    #kboard-default-list .kboard-list table td.kboard-list-date{width: 150px !important;}
    #kboard-default-list .kboard-list table td{padding: 20px 0 20px !important;}
    #kboard-default-list .kboard-list tbody td.kboard-list-title{padding-left: 50px !important;}

    /* 서브 비주얼 네비 */
    .sub_visual .sub_nav .breadcrumb span{font-size: 14px !important;}
    .bottom_btn input{font-size: 16px; line-height: 20px; padding: 8px 13px;}

    /*******************  Education Centers​ - Tuition Center *******************/
    .ed_video > .elementor-widget-container , .ed_video > .elementor-widget-container video{height: 100% !important;}
    .ed_video svg{height: 70px !important;}

    /*******************  Education Centers​ - Tuition Center *******************/
        .form_input_wrap.ad_tc > div:nth-child(6){width: 100%;}
    .form_input_wrap .form_input.ad_tc{width: 100%;}
    .form_input_wrap .form_input.ad_tc4 , .form_input_wrap .form_input.ad_tc5{margin-bottom: 20px;}

    /* Coding Camp */
    .cc_tab_btn03_h , .cc_tab_btn03_hw{width: 100% !important;}
    .cc_tab_btn03_h > div{height: 60px;}
    .form_input_wrap.ad_cc02 .form_input.ad_cc10 input{padding: 10px 20px 10px 35%;}
    .form_input_wrap.ad_cc03 .form_input.ad_cc{width: 100%;}


    /******************* Distributor/Investor​  *******************/
    .form_input_wrap.di1 .form_input.di01 input ,.form_input_wrap.di1 .form_input.di02 input,.form_input_wrap.di1 .form_input.di03 input{padding: 10px 20px 10px 48%;}

    /*******************   Schools *******************/
    .form_input_wrap .form_input.sc06 select , .form_input_wrap .form_input.sc05 select , .form_input_wrap .form_input.sc07 select{padding: 10px 20px 10px 50%;}
    .scb_box{width: 100% !important;}
    .scb_box + .scb_box{margin-left: 0;}
    .scb_box > div{height: 250px !important;}
    .scb_box > div .scb_box_btn.sc > div{min-height: 90px !important;}
    .scb_box > div .scb_box_top .scbb_top_wrap > div{transform: scale(0.8);}
    .scb_box > div .scb_box_top::after{bottom: -10%;}
    .scb_box > div:hover .scb_box_top.sc > div , .scb_box > div:hover .scb_box_top .scbb_top_wrap{min-height: 150px !important; height: 150px !important;}
    .scb_box > div:hover .scb_box_top .scbb_top_wrap > div{transform: scale(0.65);}

    .form_input_wrap.sc .form_input.ad_cc10 input{padding: 10px 20px 10px 35%;}
}
@media screen and (max-width:767px){
    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-ba51f4f > .elementor-element-populated{padding: 0px 20px 50px 20px !important;}

    /* 팝 */
    .block.block03{position: absolute; right: 2.5%;}
    .robo_icon{right: 3.5%;}

    /******************* History *******************/
    .history_sec {padding: 0 !important;}
    .history_sec .timeline-item__meta-content{font-size: 40px !important;}
    .history_cont .timeline-item__card-content{flex-wrap: wrap;}
    .history_tab_wrap .jet-tabs__control{margin-left: 20px;}
    .history_tab_wrap .jet-tabs__control.active-tab{margin-left: 20px !important;}
    .history_tab_wrap .jet-tabs__control:nth-child(1){margin-left: 0 !important;}
    .history_tab_wrap .jet-tabs__control:nth-child(1).active-tab{margin-left: 0 !important;}
}
@media screen and (max-width:765px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 50vh !important}

}
@media screen and (max-width:705px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 45vh !important}

    /*******************   Schools *******************/
    .form_input_wrap.sc .form_input.ad_cc7 input  , .form_input_wrap.sc .form_input.ad_cc8 input , .form_input_wrap.sc .form_input.ad_cc10 input{padding: 10px 20px 10px 45%;}

    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 53vh !important;}
    .code_wrap{width: 37% !important;  top: 6.5%;}

    /* 팝 */
    .elementor-946 .elementor-element.elementor-element-8281866 > .elementor-container{min-height: 63vh !important;}

    /* Coding Camp */
    .form_input_wrap.ad_tc .form_input.ad_cc2 input{padding: 10px 20px 10px 70%;}

    /* Teacher Training */
    .form_input_wrap.ad_tt01 .form_input.ad_tt2 input{padding: 10px 20px 10px 75%;}
}
@media screen and (max-width:650px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 40vh !important}

    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap .form_input.ad_tc7 input{padding: 10px 20px 10px 65%;}
    .form_input_wrap .form_input.ad_tc8 input{padding: 10px 20px 10px 63%;}
}
@media screen and (max-width:635px){
    /* Coding Camp */
    .cc_tab_btn_wrap > div{border-radius: 30px;}
    .cc_tab_btn{width: 100% !important;}
    .cc_tab_btn h2{text-align: center;}
}
@media screen and (max-width:600px){
    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 45vh !important;}
    .code_wrap{width: 37% !important;  top: 5.5%;}

    /******************* Notice *******************/
    #kboard-default-list .kboard-list tbody td.kboard-list-title{padding-left: 20px !important;}
    a.kboard-default-button-small, input.kboard-default-button-small, button.kboard-default-button-small{height: 28px !important; line-height: 28px !important; font-size: 14px !important; padding: 0 11px !important;}

}
@media screen and (max-width:580px){
    /* 탭 안에 탭 */
    .tab_tab .jet-tabs__control-wrapper .jet-tabs__control {width: 100%;}
}
@media screen and (max-width:530px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 30vh !important}

    /******************* 1 : 1 Inquiry *******************/
    .raven-column-flex-horizontal>.elementor-widget-wrap .elementor-element{width: 100% !important;}

    .bottom_btn{flex-direction: column; align-items: flex-end;}
    .bottom_btn span{margin-bottom: 20px;}
    .form_input_wrap .form_input label, .input_message label{top: 30px;}
    .form_input_wrap .form_input input, .form_input_wrap .form_input select, .input_message textarea{height: 120px; padding: 50px 20px 10px;}
    .form_input_wrap .form_input.attac input{padding: 50px 20px 10px;}
    .form_input_wrap .form_input.sel select{padding: 50px 20px 10px;}

    /*******************  Education Centers​ - Tuition Center *******************/
    .form_input_wrap .form_input.ad_tc4{height: 120px;}
    .form_input_wrap .form_input.ad_tc input, .form_input_wrap .form_input.ad_tc select{    padding: 50px 20px 10px;}

    /* Coding Camp */
    .form_input_wrap .form_input.ad_cc4 , .form_input_wrap .form_input.ad_cc5 , .form_input_wrap .form_input.ad_cc10 , .form_input_wrap.ad_tc .form_input.ad_cc8{height: 120px;}
    .form_input_wrap.ad_tc .form_input.ad_tc input , .form_input_wrap.ad_tc .form_input.ad_tc select{padding: 50px 20px 10px;}

    /* Teacher Training */
    .form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap{justify-content: flex-start;}
    .form_input_wrap.ad_tt01 .form_input.ad_tt6 span.wpcf7-form-control-wrap .wpcf7-radio{height: 120px; padding-bottom: 20px; align-items: flex-end;}

    /******************* Distributor/Investor​  *******************/
    .form_input_wrap.di1 > div, .form_input_wrap.di2 > div{height: 120px;}
    .form_input_wrap.di1 > div input, .form_input_wrap.di2 > div input{padding: 50px 20px 10px !important;}

    .form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap{height: 120px; justify-content: flex-start; align-items: flex-end;}
    .form_input_wrap.di2 .form_input.di05 span.wpcf7-form-control-wrap .wpcf7-radio label input{padding: 0 !important;}

    /*******************   Schools *******************/
    .form_input_wrap .form_input.sc{height: 120px;}
    .form_input_wrap .form_input.sc input ,.form_input_wrap .form_input.sc select{    padding: 50px 20px 10px !important;}

    /* Tuition Center */
    .form_input_wrap .form_input.ad_tc5 span.wpcf7-checkbox , .form_input_wrap .form_input.ad_cc5 span.wpcf7-checkbox , .form_input_wrap.ad_tt01 .form_input.ad_tt span.wpcf7-checkbox{height: 120px; justify-content: flex-start; align-items: flex-end; padding-bottom: 20px;}
}
@media screen and (max-width:485px){
    .br01{display: none;}
    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 38vh !important;}
    .code_wrap{width: 37% !important;  top: 3.5%;}

    /******************* History *******************/
    .jet-tabs__control-wrapper{width: 100%;}
    .jet-tabs__control{width: 100% !important;}
    .history_tab_wrap .jet-tabs__control.active-tab{margin-left: 0px !important;}
    .history_tab_wrap .jet-tabs__control + .history_tab_wrap .jet-tabs__control{margin-top: 20px !important;}
    .history_tab_wrap .jet-tabs__control{margin-left: 0px;}

    /******************* 1 : 1 Inquiry *******************/
    .tab .jet-tabs__control-wrapper:nth-child(1) .jet-tabs__control+.jet-tabs__control{border-left: 1px solid #ffffff80 !important;}
}
@media screen and (max-width:430px){
    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 25vh !important}

    /* 팝 */
    .elementor-946 .elementor-element.elementor-element-8281866 > .elementor-container{min-height: 55vh !important;}

    /* 코드 */
    .code_wrap{width: 37% !important;  top: 2%;}
}
@media screen and (max-width:370px){

    /* 다이어그램 - m */
    .elementor-946 .elementor-element.elementor-element-7da38d2 > .elementor-container{min-height: 21vh !important}

    /* 코드 */
    .elementor-946 .elementor-element.elementor-element-3714f53 > .elementor-container{min-height: 30vh !important;}
    .code_wrap{width: 37% !important;  top: 0.7%;}

    /* 팝 */
    .elementor-946 .elementor-element.elementor-element-8281866 > .elementor-container{min-height: 48vh !important;}

    .tab .jet-tabs__control-wrapper:nth-child(1){width: 90%;}

    /******************* 1 : 1 Inquiry *******************/
    .raven-column-flex-horizontal>.elementor-widget-wrap .elementor-element{width: 100% !important;}
    /* Coding Camp */
    .cc_tab_btn h2{font-size: 16px !important;}
}