@charset "utf-8";

@media screen and  (max-width:1800px)  {
	#wrap {min-width: 100%;}

}
@media screen and  (max-width:1750px)  {
	#wrap {min-width: 100%;}
    .main_sec_05_con_right_in { width: 1600%; }

}
@media screen and  (max-width:1600px)  {
	.top_nav .menu {width: 16.6%;}
	.header_mid {padding: 0 180px 0 260px;}
	.header_mid_wrap {padding: 0 50px;}

    .main_sec_05_con_right_in { width: 1680%; }


}

@media screen and  (max-width:1400px)  {

	.sec_wrap { padding: 150px 3%; }
	.main_visual_all_wrap {padding: 0 50px 50px;}

   
	.top_nav {position: relative;top:0px;left: 0px;width: 100%;float: none;padding-top: 0px;}
	.logo_wrap {position: relative;top: 0px;left: 0px; width: 200px; margin: 0 auto;height: 70px;}
	.logo_wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.27em;}
    .top_nav .menu { display: none; }
	.top_nav .menu_a {height: 60px;color: #333;border-top: 1px solid #ccc;}
	.top_nav .menu .sub_menu_wrap {display: none!important;}

	.m_menu_wrap {display: block;}
	.all_bg {display: none!important;}
	.m_menu_btn_wrap {display: block;top: 28px; right: 40px;}

	.header_mid {padding: 0px;}
	.header_mid_wrap {padding: 0px;}
	.header_top_wrap {padding: 0px;display: none;}

	.m_menu_btn span {background-color: #333;}
	.m_menu_btn span:before {background-color: #333;}
	.m_menu_btn:before {background-color: #333;}
	.m_menu_btn:after {background-color: #333;}
	.m_close_wrap {text-align: right;}
	.m_menu_wrap .m_close_btn {display: inline-block;}


	#wrap {padding-top: 0px;}
	.main_visual_all_wrap {padding: 0px;}
	.lang_all_wrap {right: auto;left: 20px;top: 17px;}
	.sub_visual_box {padding: 100px 0}

	.top_nav .menu_a {color: #222}
	.lang_box .lang_box_a {color: #222;}
	.lang_box .lang_box_a:after {border-color: #222;}
	.lang_box .lang_box_a:after {border-color: #222;}
	.m_menu_btn span {background-color: #222;}
	.m_menu_btn:before {background-color: #222;}
	.m_menu_btn:after {background-color: #222;}
	.top_nav .menu_a span:after {background-color: #01497e}

	#fp-nav.left {left: 10px;}
    .footer_right { width: 80%; }

	.sub_visual_all_wrap{padding: 0 50px;}
	.main_sec_02_con_left{padding-left: 50px;}
	.main_sec_03_con_left_in{width: 94%;}
	.mock_2obj{margin-left: -100px;}
	.mock_obj_bg_flow_in { left: 4%; border-radius: 50px; overflow: hidden; }
	.mock_obj_bg_flow::after { left: -33px; }
	.side_obj_02{ right: 0;}	

	.down_box {padding: 50px 30px;}


    .main_sec_05_con_right_in { width: 2270%; }

}
@media screen and  (max-width:1200px)  {
	.sec_tit4 {font-size: 50px;}

    .mock_2obj { margin-left: -150px; width: 100%; }
	.side_obj_01 { top: 10%; left: 0; width: 15%; }
	.side_obj_02 { bottom: 30%; right: 0; width: 15%; }

    .main_sec_05_con_right_in { width: 2450%; }

    .mock_obj_bg_flow { scale: 0.8; top: 44%; left: 48%; margin: 0 auto; }
    .mock_obj_bg_flow_in { left: -6%; }
.mock_obj_bg_flow::after { left: -70px; }
.main_sec_07_02_left_wrap { padding-right: 250px; }
.main_sec_07_02_right_wrap { padding-left: 250px; }
.down_box{width: 45%;}
}

@media screen and  (max-width:1000px)  {

	.sec_tit {font-size: 16px;}
	.sec_tit2 {font-size: 24px;}
	.sec_tit3 {font-size: 32px;}
	.sec_txt3 {font-size: 22px;}
	.sec_txt2 {font-size: 16px;}
	.sec_tit45 { font-size: 28px; }
    .sec_tit5{font-size: 72px;}
	.sec_tit6{font-size: 48px;}
    .sec_logo_tit { width: 100px; }

	.gap {height: 70px;}
	.sgap {height: 30px;}
	.ssgap {height: 18px;}
	.sssgap {height: 10px;}
	.sec_wrap {padding: 100px 20px;}
	.main_sec_02_wrap{padding: 100px 0;}
	.main_sec_03_wrap{padding: 100px 0;}

	.footer_logo {position: relative;margin: 0 auto;}
	.footer_mid {padding-left: 0px;}
	.footer_wrap {text-align: center;}
	.footer_info_wrap {padding-top: 30px;}


    .sub_visual_all_wrap { padding: 0 20px; }
	.main_visual_txt{font-size: 48px;}
	.tit_bl{font-size: 18px; padding: 10px 25px}


	.main_sec_01_con_wrap { align-items: center; flex-direction: column; }
	.main_sec_01_con_left { width: 100%; text-align: center; }
	.main_sec_01_con_right { width: 80%; padding-top: 50px; }
	.main_sec_02_con_left{width: 100%;text-align: center;padding-left: 0;}
	.main_sec_02_con_right { width: 80%; padding-top: 50px; margin: 0 auto; }
	.main_sec_02_wrap{padding-bottom: 0;}
	.main_sec_02_02_con_wrap .main_sec_02_con_right { width: 100%; padding-top: 50px; margin: 0 auto; }
	.main_sec_02_con_wrap { flex-direction: column; }
	.why_list_img_wrap_01 { position: relative; top: 0; left: 0; width: 100%; }
	.why_list_img_wrap_02 { position: relative; top: 0; right: 0; width: 100%; }
	.why_list_img_txt{font-size: 28px;}

	.main_sec_03_con_left_in{padding: 80px 50px;padding-right: 50px;}
	.main_sec_03_con_left { width: 80%; float: none; margin: 0 auto; left: 0;}
	.main_sec_03_con_left_in{width: 100%;}
	.main_sec_03_con_right { width: 80%; float: none; margin: 0 auto; right: 0;padding-top: 50px;}
	.main_sec_03_con_right_in{width: 100%;}


	.why_ox_box_tit { font-size: 24px; padding: 10px 25px; }
	.why_ox_box_txt{font-size: 18px;}
	.main_sec_04_con_all_wrap { height: 100vh; }
	.card { width: calc(376 / 1000* 100%); scale: 0.8; }
	.flow-container{width: 12000px;}
	.main_sec_07_01_con_wrap {overflow: inherit;}
	
	.mock_2obj { max-width: inherit; padding-left: 0; margin-left: -90px; width: 100%; }

	.main_sec_07_02_con_wrap_in{flex-direction: column;}
	.mock_obj_bg_flow_in{left: -22%;}
	.mock_obj_bg_flow::after { left: -40%; }
	.mock_obj_circle_bg{width: 800px;height: 800px;}
	.down_box_cont{flex-direction: column;}
	.down_box{width: 90%; margin: 0 auto;}

	.s_sec_01_01_02_left_wrap{padding-left: 30px;}
	.s_sec_01_01_02_right_wrap { padding-left: 0px; }
	.s_sec_01_01_05_bg { background-size: 100%; background-position: 105% 120%; }
	.s_sec_01_01_05_in { padding-bottom: 300px; }
	.s_sec_01_01_05_wrap { padding: 80px 50px; }

    .main_sec_07_02_left_wrap { padding-right: 200px; }
    .main_sec_07_02_right_wrap { padding-left: 200px; }
    .main_sec_07_02_con_txt_03 .main_sec_07_02_right_wrap br{display: none;}

    .main_sec_05_con_right_in { width: 3260%; }
}


@media screen and  (max-width:960px)  {
	#fp-nav.right {display: none;}

    .main_sec_05_con_right_in { width: 3400%; }
}
@media screen and  (max-width:900px)  {
    .main_sec_05_con_right_in { width: 3700%; }

}

@media screen and  (max-width:800px)  {
	.top_nav .menu_a {height: 40px; font-size: 13px;}
	.logo_wrap {height: 50px;width: 120px;}
	.lang_all_wrap {height: auto;}
	.lang_box .lang_box_a {font-size: 13px; height: 30px;line-height: 30px;padding: 0 30px 0 10px}
	.lang_box .lang_box_a:after { top: 10px;width: 6px;height: 6px; }
	.lang_box:hover .lang_box_a:after {top: 12px;}
	.lang_sub_box a {padding: 0 5px; text-align: center;font-size: 13px;}
	.lang_all_wrap {top: 10px;left: 10px;}
	.m_menu_btn_wrap {height: 30px;width: 30px;top: 14px;right: 20px;}
	.header_wrap .m_menu_btn_wrap .m_menu_btn {height: 10px;}
	.m_menu_btn:before {right: 0px;height: 2px;}
	.m_menu_btn span {height: 2px; margin-top: -1px;}
	.m_menu_btn:after {height: 2px;right: 0px;}
	.m_close_wrap {padding: 10px;}
	.top_nav .menu_a span:after {display: none;}

	.sub_top_nav .sub_menu {width: 33.3%;}
	.sub_top_nav .sub_menu_a {height: 50px;font-size: 13px;}

	.sec_wrap {padding: 80px 20px;}
	.sub_visual_box {padding: 60px 0}
	.sub_visual_txt a {font-size: 30px;}
	.sub_visual_txt2 {font-size: 16px;}

	.chks input[type="checkbox"] + label {font-size: 13px;padding-top: 3px;}
	#bo_w .write_div {margin: 5px 0}
	.r_step_box {width: 150px;height: 150px;}

    .section .scroll .txt{font-size: 14px;}

	.main_visual_txt { font-size: 36px; }
	.tit_bl{display: none;}
	.main_sec_01_con_left{width: 70%;}
	.why_list_img_wrap_02::after{left: -50px;}

	
    .mock_obj_bg_flow_in { left: -22%; border-radius: 30px; width: 300px; height: 660px; }
	.mock_obj_circle_bg { width: 600px; height: 600px; }
	.mock_obj_bg_flow::after { left: -30%; width: 490px; height: 770px; }

	.s_sec_01_01_05_bg { background-size: 120%; background-position: 90% 130%; }
	.s_sec_01_01_05_wrap { padding: 80px 30px; }

    .main_sec_07_02_left_wrap { padding-right: 150px; }
    .main_sec_07_02_right_wrap { padding-left: 150px; }

    .main_sec_05_con_right_in { width: 4850%; }

	.flt_btn_box_wrap { bottom: 5%; left: 5%; }
	.flt_btn_box { padding-bottom: 5px; }
	.flt_btn_box a{width: 35px; height: 35px;   padding: 6px;}





}


@media screen and  (max-width:720px)  {

	.bgap {height:100px;}
	.line_all_wrap {display: block;}
	.line_nav_wrap {width: 100%;}
	.line_nav_home {display: none;}
	.line_nav {width: 100%;}
	.line_nav_box {width: 50%;}
	.line_nav_target .menu_a {font-size: 13px;padding: 0 30px 0 10px;}
	.line_nav_box_02 .line_nav_target .sub_menu_a {font-size: 13px;padding: 0 30px 0 10px;}
	.line_nav_box_01 .line_nav_menu .menu_a {padding: 0 10px;font-size: 13px;}
	.line_nav_box_02 .line_nav_menu .sub_menu_a {padding: 0 10px;font-size: 13px;}

	.c_list_02 {font-size: 13px;padding-left: 13px;}
	.c_list_02 > li:before {top: 7px;left: -10px;}

	.sub_visual_txt {font-size: 30px;}
	.sub_visual_txt a {font-size: 30px;}

	.main_sec_03_con_right_in::after { width: 130px; height: 130px; bottom: -50px; right: -20px; }

    .main_sec_07_02_con_txt_wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 90vh; padding-top: 100px; }
    .main_sec_07_02_left_wrap { padding-right: 0; width: 100%; height: auto; padding: 0; text-align: center; }
    .main_sec_07_02_right_wrap { padding-left: 0; width: 100%; height: auto; text-align: center; position: relative; padding-top: 20px; }
    .mock_obj_bg_flow::after { left: -42%; width: 440px; height: 702px; }
    .mock_obj_bg_flow { scale: 0.8; top: 44%; left: 48%; margin: 0 auto; }
    .mock_obj_bg_flow_in { left: -34%; border-radius: 30px; width: 270px; height: 600px; }

    .pt_list_wrap { grid-template-columns: 1fr 1fr; }
    .bbs .sub_visual_box { padding: 100px 0 60px !important; }
    .pt_list_info_wrap { padding: 30px 20px; }
}

@media screen and  (max-width:620px)  {
	.r_step_box_txt {font-size: 20px;}
	.r_step_box_num {font-size: 14px;}
	.r_step_arr_wrap {width: 5%;}
	.r_step_box {width: 120px;height: 120px;}

	.sec_txt {font-size: 14px;}
	.sec_txt3 {font-size: 18px;}

	.footer_info {font-size: 12px;}

    .visual_box_wrap { width: 100%; height: 180px; }
    .visual_box_in { left: 20px; bottom: 15px; }

    .sec_tit5 { font-size: 48px; }
	.sec_tit36 { font-size: 26px; }

	.footer_info_wrap { padding-top: 0; }
	.footer_wrap { padding: 50px 0px 50px; }
	.flow-container{padding: 15px 0 0;}
	.logo_wrap { width: 90px; }

	.sub_visual_obj_txt { font-size: 72px !important; }
	.sec_tit6 { font-size: 38px; }

    .piclist_wrap { padding-left: 10px; }
	.piclist_all_in_wrap { margin-left: -20px; margin-right: -10px; }
	.piclist_box_txt_all_wrap{padding-top: 10px;}
	.piclist_box_txt_all_wrap{     align-items: flex-end;;}

	.gap { height: 50px; }

	.main_visual_txt{font-size: 30px;}
	.main_sec_01_con_right { width: 100%; padding-top: 50px; }

	.why_list_img_bg{height: 180px; border-radius: 10px;}
	.why_list_img_txt{font-size: 18px;}
	.why_list_img_wrap_02::after { left: -30px; width: 80px; height: 80px; }
	.why_right_img_bg{height: 450px;}

	.why_ox_box_tit{font-size: 18px;}
	.why_ox_box_txt { font-size: 16px; }
	.main_sec_03_con_left{width: 90%;}
	.main_sec_03_con_right{width: 90%;}


	.card { width: calc(376 / 500* 100%); scale: 0.5; }
	.main_sec_07_02_con_wrap{padding-top: 100px;}

	.s_sec_01_01_05_wrap {
        padding: 50px 30px;
    }
	.s_sec_01_01_05_bg {
        background-size: 140%;
        background-position: 100% 120%;
    }

	.s_sec_01_01_04_con, .s_sec_01_01_03_con{text-align: center !important;}
	.s_sec_01_01_03_01_left_wrap, .s_sec_01_01_03_01_right_wrap, .s_sec_01_01_03_02_left_wrap, .s_sec_01_01_03_02_right_wrap{width: 100%;}
	.s_sec_01_01_03_01_con_wrap, .s_sec_01_01_04_02_con_wrap  {    flex-direction: column-reverse !important;}

.s_sec_01_01_03_01_con_wrap, .s_sec_01_01_03_02_con_wrap  {flex-direction: column;
	text-align: center !important;}

	.s_sec_01_01_04_02_con_wrap, .s_sec_01_01_04_01_con_wrap {
		flex-direction: column;
		text-align: center !important;
		
	}
	.s_sec_01_01_04_01_left_wrap, .s_sec_01_01_04_01_right_wrap, .s_sec_01_01_04_02_left_wrap, .s_sec_01_01_04_02_right_wrap{width: 100%;}

	.s_sec_01_01_03_con img, .s_sec_01_01_04_con img{padding-left: 50px;}
	.s_sec_01_01_04_03_con_img_wrap img{ padding-left: 0;}

    .main_sec_05_con_right_in { width: 6530%; }

    .pt_list_wrap { grid-template-columns: 1fr 1fr; gap: 50px 20px; }

}
@media screen and  (max-width:520px)  {

	.item_label {font-size: 14px;}
	.footer_info {font-size: 12px;}
	.footer_copy {font-size: 12px;}

	.sub_visual_txt a {font-size: 24px;}
	.sub_visual_txt2 {font-size: 14px;}
	.sub_visual_txt {padding-bottom: 10px;}

	.r_step_box {width: 90px;height: 90px;}
	.r_step_box_txt {font-size: 16px;}
	.r_step_box .r_step_box_in {padding: 5px;}
	.r_step_box {border: 2px solid #849bd3}


	.pt_list_txt .pt_list_txt_in {font-size: 13px;}
	.pt_list_date {font-size: 12px;}
	.pt_list_txt {height: 43px;}
	.pt_list_cate {font-size: 13px;}
	.main_visual_txt_03 {font-size: 13px;}

    .sec_tit45 { font-size: 24px; }
	.sec_tit3 { font-size: 26px; }
	.sec_tit36 { font-size: 20px; }

	.piclist_box_txt_cate{font-size: 14px;}
	.piclist_box_txt_down_wrap { padding: 5px; }
	.piclist_box_txt_down_wrap .piclist_box_txt_down { width: 16px; height: 16px; background-position: center center; background-size: 12px; }

	.gap { height: 30px; }

	.subtit_bl{font-size: 14px;}
	.about_li{gap: 10px;}
	.about_li_num { font-size: 14px; width: 34px; height: 30px; line-height: 30px; }


	.why_ox_box_tit{font-size: 16px;}
	.main_sec_03_con_all_wrap .gap{height: 50px;}
	.main_sec_03_con_left_in { padding: 50px 20px; padding-right: 20px; }

	.mem_name{font-size: 21px;}
	.mem_duty{font-size: 16px;}
	.mem_box_in { padding: 30px; width: 400px; height: 300px; border-radius: 10px; }
	.mem_his_list li{font-size: 14px;}
	.mem_box_bg { right: 10%; width: 140px; height: 160px; }
    .main_sec_05_con_right_in { width: 4800%; }

	.flow-container{width: 8000px;}
	.flow-wrap li{padding: 0;}

	.mock_2obj{margin-left: -12%;}
	.main_sec_07_02_con_wrap{padding-top: 80px;}

	.mock_obj_bg_flow_in {left: -23%;border-radius: 30px;width: 250px;height: 540px;top: 20px;}
	.mock_obj_bg_flow::after {left: -30%;width: 400px;height: 650px;}
	.mock_obj_circle_bg { width: 400px; height: 400px; }
	.main_sec_07_02_con_wrap_in{gap: 0;}

	.web_vid{display: none;}
	.mob_vid{display: block;}

	.s_sec_01_01_02_left_wrap{padding-left: 0;}
	.s_sec_01_01_02_con{text-align: center!important;}
	.s_sec_01_01_02_con_in{flex-direction: column;}
	.s_sec_01_01_02_con_in img{padding-left: 100px;}

	.app_down_btn_a{text-align: center;}
	.app_down_btn_a img{width: 70%; display: inline-block;}

	.lt_tit{font-size: 18px;}
    .main_sec_07_02_con_txt_wrap{ padding-top: 130px; height: 85vh;}
    .mock_obj_bg_flow { scale: 0.6; top: 35%; left: 44%; margin: 0 auto; }

    .owl-item .lt_tit{font-size: 18px;}

    .pt_list_wrap { gap: 30px 10px; }
    .sub .pt_list_tit_kr{font-size: 18px;}
    .pt_list_info_wrap { padding: 20px 15px; }

    .bbs .sub_visual_box { padding: 60px 0 !important; }
}


@media screen and  (max-width:460px)  {
	.sec_btn_wrap .sec_btn {padding: 5px 10px; font-size: 10px;}
	.item_img {padding: 10px 0}
	.item_link a {font-size: 11px; padding: 5px 10px;}
	.item_link a:after {display: none;}


	.footer_info {font-size: 11px;}
	.footer_copy {font-size: 11px;}
	.top_nav .menu_a {font-size: 12px;}
	.sec_tit {font-size: 14px;}
	.sec_tit2 {font-size: 20px;}
	.sec_tit3 {font-size: 24px;}
	.sec_txt3 {font-size: 16px;}
	.sec_tit4 {font-size: 24px;}
	.sec_txt2 {font-size: 14px;}
	.sec_tit6 { font-size: 30px; }

	.main_visual_txt{font-size: 24px;}
	.why_ox_box_txt { font-size: 14px; }
	.card { width: calc(376 / 400* 100%); scale: 0.5}

	.mock_obj_bg_flow_in {left: -62%;border-radius: 30px;width: 250px;height: 540px;top: 20px;}
	.mock_obj_bg_flow::after {left: -70%;width: 400px;height: 650px;}
	.mock_obj_circle_bg { width: 350px; height: 350px; }

	.down_box { width: 100%; padding: 30px; }
	.app_info_btn{font-size: 16px;}
	.lt_tit{font-size: 16px;}
	.owl-item .item_bottom .date{font-size: 13px;}
	.s_sec_01_01_02_con_in img{padding-left: 80px;}
	.s_sec_01_01_05_in { padding-bottom: 250px; }

    .main_sec_05_con_right_in { width: 6800%; }

    .main_sec_07_02_con_txt_wrap { padding-top: 100px; height: 95vh; }
    .sub .pt_list_tit_kr{font-size: 16px;}
}