@charset "UTF-8";


@media all and (min-width:0px) and (max-width:999px){
    .section .main_inner,
	#header .header_inner,
	#footer .footer_inner,
	#container_inner{ width: calc(100% - var(--margin-x3)); }
	#container{ padding-top: 60px !important; }
	.header_cover{ position: fixed; content: ''; top: 0; left: 100%; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: all 250ms ease-out, left 0ms 250ms; pointer-events: none; z-index: 999999; }
	html.open_menu .header_cover{ left: 0; background: rgba(0, 0, 0, .5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); pointer-events: auto; transition: all 250ms ease-out, left 0ms; }

	#header{ height: 60px; }
	#header:before{ height: 60px; }
	#header #header_logo_area{ padding: 0; height: 60px; }
	#header #header_logo_area h1{ width: 30px; display: none; }
	#header #header_logo_area h1.short_logo{ display: block; transition: filter 250ms ease-out; }
	html.open_menu #header #header_logo_area h1.short_logo{ filter: blur(4px); pointer-events: none; }
	#header #header_logo_area .nav_con{ position: fixed; display: block; top: 0; right: -240px; width: 240px; height: 100vh; min-height: 400px; padding: 0 40px; box-sizing: border-box; background: #fff; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); transition: all 250ms linear; }
	html.open_menu #header{}
	html.open_menu #header #header_logo_area .nav_con{ right: 0; box-shadow: 10px 0 30px 10px rgba(0, 0, 0, .5); }
	#header #header_logo_area .nav_con .icon{ position: absolute; display: block; top: 15px; left: calc(var(--margin) * -1 - 40px); transition: all 250ms ease-out; cursor: pointer; }
	#header #header_logo_area .nav_con .icon .icons{ width: 30px; height: 30px; fill: #7028dc; text-align: right; }
	html.open_menu #header #header_logo_area .nav_con .icon{ left: -40px; }
	#header #header_logo_area .nav_con .bar_icon,
	html.open_menu #header #header_logo_area .nav_con .x_icon{ opacity: 1; }
	html.open_menu #header #header_logo_area .nav_con .bar_icon,
	#header #header_logo_area .nav_con .x_icon{ opacity: 0; }
	#header #header_logo_area .login_con{ width: calc(100% - 80px); }
	#header #header_logo_area .login_con a.btn_link{ width: 100%; padding: var(--margin-half) 0; }
	
	#header #header_logo_area .nav_con ul.gnb{ position: absolute; top: 100px; right: auto; left: 40px; height: calc(100vh - 250px); min-height: 90px; max-height: 500px; overflow-y: auto; }
	#header #header_logo_area .gnb li{ display: block; margin: var(--margin) 0 0 0; padding: 0; }
	#header #header_logo_area .nav_con ul.gnb li a{ display: block; width: 160px; }
	#header #header_logo_area .login_con{ flex-direction: column; position: absolute; left: 50%; right: auto; top: auto; bottom: 40px; transform: translateX(-50%); }
	.section_3 .main_inner .video_con video{ width: 100%; }
	#footer .footer_con{ display: block;}
	#footer .footer_con .company_info{ text-align: center; }
	#footer .footer_content .company_info h6, .page_login .logo_box{ margin: 0 auto 20px; }
	#footer .familysite_box{ margin: 20px auto 1px; }
	.section_3 .main_inner .video_con img.program_frame{ display: none; }
	.section_3 .main_inner .video_con video{ margin-bottom: 0; }
	.section_4 .main_inner .video_con video{ margin-bottom: 0; }
	.section_4 .main_inner .video_con img.translation_frame{ display: none; }
}

@media all and (min-width:0px) and (max-width:479px){
    :root{
        --margin-half: 10px;
    }
    .section h2{ font-size: 23px; }
	.section h3{ font-size: 14px; }
	.section h4{ font-size: 12px; }
	.section_2 .main_inner .text_con h2.easyrun_intro{ font-size: 18px; }
	.section_2 .main_inner .text_con h4.easyrun_intro_sub{ font-size: 12px; }
	.section_2 .main_inner .img_con img.easyrun_intro_img{ width: 100%; }
	.section_3 .main_inner img.arrow_img{ width: 60px; }
	.section_5 .main_inner .img_con img.employee_img{ width: 300px; }
	.section_4 .main_inner .img_con img.translation_img{ width: 180px; }
	.main_inner .join_btn a.join_link{ width: 210px; height: 44px; }
	.main_inner .join_btn a.join_link span{ font-size: 16px; margin-top: 2px; }
	.box_con.two_con li.cells{ width: calc(100% - var(--margin)); }
	.box_con.three_con li.cells{ width: calc(100% - var(--margin)); }
	.section_6 .main_inner .text_con h2.addition{ font-size: 20px; }
	.section_6 .main_inner ul.box_con li.cells .box{ padding: var(--margin); column-gap: var(--margin-half); }
	.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 60px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ font-size: 17px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 13px; }
	.section_8 .main_inner .text_con h2.event{ font-size: 28px; }
	.section_8 .main_inner .text_con p.event_sub_1{ font-size: 13px; }
	.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 16px; }
	.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 26px; }
	.section_8 .main_inner .text_con h4.first{ font-size: 15px; }
	.section_8 .main_inner .text_con p.event_sub_2{ font-size: 11px; }
	.section_9 .main_inner .toggle_con span{ font-size: 16px; margin-top: 2px; }
	.section_9 .main_inner .toggle_con .toggle_btn .switch{ width: 65px; height: 30px; }
	.section_9 .main_inner .toggle_con .toggle_btn .switch .button{ top: 4px; width: 22px; height: 22px; }
	.section_9 .main_inner .toggle_con .toggle_btn input[type=checkbox]:checked ~ .switch .button{ left: 40px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h2.plan_title{ font-size: 25px; }
	.section_9 .main_inner ul.box_con li.cells .text_box span.rate{ font-size: 12px; padding: 7px 8px 6px; margin: 0 0 7px 15px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h4.plan_info{ font-size: 14px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.freeexperience{ font-size: 16px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.original_price{ font-size: 16px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.rate_price{ font-size: 18px; }
	.section_9 .main_inner ul.box_con li.cells .price_con h2.price{ font-size: 24px; }
	.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link{ font-size: 18px; width: 140px; height: 40px; line-height: 45px; }
	.type_form .notetext{ font-size: 11px; }
	.type_rows.type_form th, .type_rows.type_form td{ font-size: 13px; }
	.section_4 .main_inner .video_con video{ width: 300px; height: 312px; }
	.section_7 .main_inner table tr th.another{ font-size: 16px; }
	.section_7 .main_inner table tr th.easyrun{ font-size: 18px; }
	.section_7 .main_inner table tr th{ padding: 0; }
	.section_7 .main_inner table tr td{ font-size: 12px; }
	.section_7 .main_inner table tr td.another{ font-size: 12px; }
	.section_7 .main_inner table tr td.easyrun{ font-size: 13px; }
	#footer .footer_content .company_info h6,
	.page_login .logo_box{ width: 200px; }
	#footer .footer_content .company_info h6 a img{ margin-left: -13px; }
	.page_login,
	.page_mim,
	.page_cooperation,
	.page_find_id{ width: 300px !important; }
	.page_login .text_box span{ font-size: 22px !important; }
	.page_mim .join_con .join_box span.join_title{ font-size: 14px !important; }
	.page_mim .join_con .join_box .input_img span{ font-size: 12px; }
	.buttons_box button.join_btn{ font-size: 14px; }
	.page_mim .agree_box span.agree{ font-size: 11px; }
	.login_box span.already_join{ font-size: 13px; }
	#footer .footer_content .company_info address{ font-size: 12px; }
	#footer .familysite_box .select span{ font-size: 11px; }
	.page_find_id .box_find .enter_info .find_box .find_id_con.phone .input_con select{ width: 22% !important; }
	.page_find_id .box_find .enter_info .find_box .find_id_con.phone .input_con input{ width: 33% !important; }
	.page_mim .join_con .join_box .input_box label{ font-size: 12px; gap: 5px; }
	.page_mim .join_con .join_box .input_box label input[type="radio"]{ margin-bottom: 1px; }
	.page_find_id_finish h3, .page_find_pw_finish h3{ font-size: 12px !important; }
	.page_find_id_finish .pagetitle,
	.page_find_pw_finish .pagetitle{ font-size: 22px !important; }
	.page_find_id_finish .box_find .list ul li label{ font-size: 14px !important; }
	.page_find_id_finish .box_find .list ul li label input{ margin-right: 5px !important; }
	.page_find_id_finish .box_find .list ul li span.join_date{ font-size: 11px !important; }
	.page_find_id_finish .box_find .list ul li a.send_btn{ font-size: 12px !important; padding: 5px 5px 3px !important; }
	.page_find_id_finish .id_find_info{ padding: 20px 15px !important; }
	.page_find_id_finish .id_find_info img.info_icon{ width: 15px !important; height: 15px !important;}
	.page_find_id_finish .id_find_info span.info_text{ font-size: 13px !important; }
}
@media all and (min-width:480px) and (max-width:599px){
    :root{
        --margin-half: 12.5px;
    }
    .section h2{ font-size: 28px; }
	.section h3{ font-size: 16px; }
	.section h4{ font-size: 14px; }
	.section_2 .main_inner .text_con h2.easyrun_intro{ font-size: 22px; }
	.section_2 .main_inner .text_con h4.easyrun_intro_sub{ font-size: 15px; }
	.section_2 .main_inner .img_con img.easyrun_intro_img{ width: 400px; }
	.section_3 .main_inner img.arrow_img{ width: 70px; }
	.section_5 .main_inner .img_con img.employee_img{ width: 400px; }
	.section_4 .main_inner .img_con img.translation_img{ width: 220px; }
	.main_inner .join_btn a.join_link{ width: 230px; height: 50px; }
	.main_inner .join_btn a.join_link span{ font-size: 18px; }
	.box_con.two_con li.cells{ width: calc(100% - var(--margin)); }
	.box_con.three_con li.cells{ width: calc(100% - var(--margin)); }
	.section_6 .main_inner ul.box_con li.cells .box{ padding: var(--margin); column-gap: var(--margin-half); }
	.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 70px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ font-size: 20px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 14px; }
	.section_8 .main_inner .text_con h2.event{ font-size: 36px; }
	.section_8 .main_inner .text_con p.event_sub_1{ font-size: 16px; }
	.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 22px; }
	.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 35px; }
	.section_8 .main_inner .text_con h4.first{ font-size: 18px; }
	.section_8 .main_inner .text_con p.event_sub_2{ font-size: 13px; }
	.section_9 .main_inner .toggle_con span{ font-size: 18px; margin-top: 2px; }
	.section_9 .main_inner .toggle_con .toggle_btn .switch{ width: 70px; height: 35px; }
	.section_9 .main_inner .toggle_con .toggle_btn .switch .button{ top: 4px; width: 26px; height: 26px; }
	.section_9 .main_inner .toggle_con .toggle_btn input[type=checkbox]:checked ~ .switch .button{ left: 40px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h2.plan_title{ font-size: 30px; }
	.section_9 .main_inner ul.box_con li.cells .text_box span.rate{ font-size: 14px; padding: 8px 12px 6px; margin: 0 0 7px 15px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h4.plan_info{ font-size: 16px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.freeexperience{ font-size: 18px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.original_price{ font-size: 18px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.rate_price{ font-size: 22px; }
	.section_9 .main_inner ul.box_con li.cells .price_con h2.price{ font-size: 34px; }
	.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link{ font-size: 22px; width: 180px; height: 50px; line-height: 55px; }
	.type_form .notetext{ font-size: 12px; }
	.type_rows.type_form th, .type_rows.type_form td{ font-size: 13px; }
	.section_4 .main_inner .video_con video{ width: 300px; height: 314px; }
	.section_7 .main_inner table tr th.another{ font-size: 24px; }
	.section_7 .main_inner table tr th.easyrun{ font-size: 26px; }
	.section_7 .main_inner table tr td{ font-size: 16px; }
	.section_7 .main_inner table tr td.another{ font-size: 16px; }
	.section_7 .main_inner table tr td.easyrun{ font-size: 17px; }
	#footer .footer_content .company_info h6,
	.page_login .logo_box{ width: 200px; }
	#footer .footer_content .company_info h6 a img{ margin-left: -13px; }
	.page_login,
	.page_mim,
	.page_cooperation,
	.page_find_id{ width: 350px !important; }
	.page_mim .join_con .join_box span.join_title{ font-size: 14px !important; }
}
@media all and (min-width:600px) and (max-width:999px){
    :root{
        --margin-half: 15px;
    }
    .section h2{ font-size: 40px; }
	.section h3{ font-size: 22px; }
	.section h4{ font-size: 16px; }
	.section_2 .main_inner .text_con h2.easyrun_intro{ font-size: 32px; }
	.section_2 .main_inner .text_con h4.easyrun_intro_sub{ font-size: 20px; }
	.section_2 .main_inner .img_con img.easyrun_intro_img{ width: 500px; }
	.section_3 .main_inner img.arrow_img{ width: 90px; }
	.section_5 .main_inner .img_con img.employee_img{ width: 500px; }
	.section_4 .main_inner .img_con img.translation_img{ width: 260px; }
	.main_inner .join_btn a.join_link{ width: 270px; height: 60px; }
	.main_inner .join_btn a.join_link span{ font-size: 20px; }
	.box_con.two_con li.cells{ width: calc(100% - var(--margin)); }
	.box_con.three_con li.cells{ width: calc(100% - var(--margin)); }
	.section_6 .main_inner ul.box_con li.cells .box{ padding: var(--margin); column-gap: var(--margin-half); }
	.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 80px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ font-size: 22px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 15px; }
	.section_8 .main_inner .text_con h2.event{ font-size: 44px; }
	.section_8 .main_inner .text_con p.event_sub_1{ font-size: 18px; }
	.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 28px; }
	.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 44px; }
	.section_8 .main_inner .text_con h4.first{ font-size: 20px; }
	.section_8 .main_inner .text_con p.event_sub_2{ font-size: 14px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h2.plan_title{ font-size: 36px; }
	.section_9 .main_inner ul.box_con li.cells .text_box span.rate{ font-size: 15px; padding: 8px 12px 6px; margin: 0 0 10px 15px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h4.plan_info{ font-size: 18px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.freeexperience{ font-size: 22px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.original_price{ font-size: 22px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.rate_price{ font-size: 25px; }
	.section_9 .main_inner ul.box_con li.cells .price_con h2.price{ font-size: 40px; }
	.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link{ font-size: 27px; width: 210px; height: 55px; line-height: 60px; }
	.section_4 .main_inner .video_con video{ width: 400px; height: 420px; }
	.section_7 .main_inner table tr th.easyrun{ font-size: 30px; }
	.section_7 .main_inner table tr th.another{ font-size: 28px; }
	.section_7 .main_inner table tr td{ font-size: 18px; }
	.section_7 .main_inner table tr td.another{ font-size: 18px; }
	.section_7 .main_inner table tr td.easyrun{ font-size: 20px; }
	#footer .footer_content .company_info h6,
	.page_login .logo_box{ width: 200px; }
	#footer .footer_content .company_info h6 a img{ margin-left: -13px; }
}
@media all and (min-width:1000px) and (max-width:1239px){
    :root{
        --margin-half: 17.5px;
    }
    .section .main_inner,
	#header .header_inner,
	#footer .footer_inner,
	#container_inner{ width: 1000px;}
    .section h2{ font-size: 50px; }
	.section h3{ font-size: 24px; }
	.section h4{ font-size: 18px; }
	.section_2 .main_inner .text_con h2.easyrun_intro{ font-size: 40px; }
	.section_2 .main_inner .text_con h4.easyrun_intro_sub{ font-size: 22px; }
	.section_2 .main_inner .img_con img.easyrun_intro_img{ width: 600px; }
	.section_3 .main_inner img.arrow_img{ width: 110px; }
	.section_5 .main_inner .img_con img.employee_img{ width: 800px; }
	.section_4 .main_inner .img_con img.translation_img{ width: 300px; }
	.main_inner .join_btn a.join_link{ width: 300px; height: 65px; }
	.main_inner .join_btn a.join_link span{ font-size: 22px; }
	.section_6 .main_inner ul.box_con li.cells .box{ padding: var(--margin); column-gap: var(--margin-half); }
	.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 85px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ font-size: 26px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 18px; }
	.section_8 .main_inner .text_con h2.event{ font-size: 60px; }
	.section_8 .main_inner .text_con p.event_sub_1{ font-size: 24px; }
	.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 40px; }
	.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 60px; }
	.section_8 .main_inner .text_con h4.first{ font-size: 28px; }
	.section_8 .main_inner .text_con p.event_sub_2{ font-size: 16px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h2.plan_title{ font-size: 40px; }
	.section_9 .main_inner ul.box_con li.cells .text_box span.rate{ font-size: 16px; padding: 10px 12px 8px; margin: 0 0 10px 15px; }
	.section_9 .main_inner ul.box_con li.cells .text_box h4.plan_info{ font-size: 20px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.freeexperience{ font-size: 24px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.original_price{ font-size: 24px; }
	.section_9 .main_inner ul.box_con li.cells .price_con span.rate_price{ font-size: 27px; }
	.section_9 .main_inner ul.box_con li.cells .price_con h2.price{ font-size: 42px; }
	.section_9 .main_inner ul.box_con li.cells .plan_btn a.plan_link{ font-size: 27px; width: 210px; height: 55px; line-height: 60px; }
	#header #header_logo_area h1,
	#footer .footer_content .company_info h6,
	.page_login .logo_box{ width: 220px; }
	.section_7 .main_inner table tr td.easyrun{ font-size: 24px; }
}
@media all and (min-width:1240px) and (max-width:1449px){
    .section .main_inner,
	#header .header_inner,
	#footer .footer_inner,
	#container_inner{ width: 1200px;}
	.section_2 .main_inner .img_con img.easyrun_intro_img{ width: 650px; }
	.section_3 .main_inner img.arrow_img{ width: 130px; }
	.section_5 .main_inner .img_con img.employee_img{ width: 900px; }
	.section_4 .main_inner .img_con img.translation_img{ width: 350px; }
	.section_6 .main_inner ul.box_con li.cells .box{ padding: var(--margin); column-gap: var(--margin-half); }
	.section_6 .main_inner ul.box_con li.cells .box img.addition_img{ width: 90px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h3.addition_title{ font-size: 30px; }
	.section_6 .main_inner ul.box_con li.cells .box .text_box h4.addition_info{ font-size: 20px; }
	.section_8 .main_inner .text_con h2.event{ font-size: 72px; }
	.section_8 .main_inner .text_con p.event_sub_1{ font-size: 24px; }
	.section_8 .main_inner .text_con .price_con span.original_price{ font-size: 40px; }
	.section_8 .main_inner .text_con .price_con span.event_price{ font-size: 72px; }
	.section_8 .main_inner .text_con h4.first{ font-size: 32px; }
	.section_8 .main_inner .text_con p.event_sub_2{ font-size: 16px; }
	.section_7 .main_inner table tr td.easyrun{ font-size: 25px; }
}
@media all and (min-width:1450px){
   
}