@charset "utf-8";

@media only screen and (max-width:1480px) {
    .inner {
        padding: 0 20px;
    }
}

@media only screen and (max-width:1280px) {
    .mv_main_text { font-size:35px; }
    .font_size_title { font-size:35px; }
    .sec1_dot { display:none; }

    .ft_tel p { font-size:25px; }

    #ft_consult input[type=text] { width:130px; }
    #ft_consult select { width:130px; }

    .menu_section .common_menu { width:calc(50% - 10px); margin:5px; }
    .menu_area .section_title p:nth-child(3) { width:70%; }
    .save_title { font-size:25px; }
}


@media only screen and (max-width:1024px) {
    .font_size_title { font-size:18px; }
    .mv_main_text { font-size:14px; }
    .font_size_common_text { font-size:12px; }

    .section1 { padding:10% 0; margin-bottom:0; }
    .section1 > .inner > .flex { flex-direction: column; }
    .sec1_left { width:100%; text-align:center; }
    .sec1_right  { width:100%; }
    .sec1_controller_wrap { position: unset; }
    .section1 .vertical_text { display:none; }
    .sec1Slider { width:100%; margin-left:0; height:250px; }
    .sec1_controller { display:none; }
    .sec1_controller_wrap { width:100%; }
    .sec1_controller_wrap .sec1_pagination { width:100%; color:#fff; margin:40px 0 20px; }
    .section1 .sec1_left .sec1_pagination span.swiper-pagination-bullet-active { border-bottom:1px solid #fff; }
    .section1 .sec1_left .sec1_pagination span { font-size:12px; margin:0 10px; }
    .sec1_left p { margin:20px 0; }
    .section2 { padding:10% 0; }
    .plus_btn { margin:0 auto; width:40px; height:40px; line-height:40px; }
    .sec2_arr { width:40px; height:40px; line-height:38px; font-size:14px; }

    .sec2_slider_wrap { padding:0 20px; }
    .sec2_category { font-size:14px; }
    .sec2_title { font-size:14px; }
    .sec2_text { font-size:12px; }
    .sec3_left { width:50%; }
    .sec3_right { width:50%; margin-left:10px; }
    .sec3_content p { font-size:12px; }



    .section4 { padding:20% 0; }

    .section4_title { margin-bottom:20px; }
    .notice_row { padding:0px; margin-bottom:10px; padding-bottom:20px; flex-direction: column; width:100%; border-bottom:none; }
    .notice_row > div { width:100%; }
    .notice_list_wrap { display:flex; flex-wrap: wrap; }
    .notice_thumb { padding-top:50%; border-radius:10px; }
    .notice_content a, .notice_content p { font-size:12px; }

    .notice_content p { margin-top:5px; margin-bottom:5px; }

    .notice_row .notice_date { flex-direction: row-reverse; justify-content: flex-end; }
    .notice_date p { font-size:12px; color:#aaa; }
    .notice_date_day span { display:inline;}
    .notice_date_day { font-size:16px; font-weight:normal; line-height:unset; }
    .notice_more { padding:30px 0; text-align:center; width:100%; }
    .notice_more a { font-size:12px; width:auto; }

    .section5 .gallery_wrap { justify-content: center; margin-top:20px; }

    .gallery_row { width:100%; max-width:300px; padding-top:0; margin:10px; }
    .sec5_header p { font-size:12px; }
    .ft_tel p { font-size:18px; }
    .ft_top { padding:50px 0; }
    .ft_top > .inner > .flex { flex-direction: column; }
    .ft_tel { margin-bottom:20px; font-size:15px; }
    #ft_consult { width:100%; }
    #ft_consult > .flex { flex-direction: column; }
    #ft_consult input[type=text] { width:100%; font-size:12px; margin-bottom:10px; }
    #ft_consult select { width:100%; margin-bottom:10px; font-size:12px; }

    .ft_privacy { width:100%; margin:0; padding:0; }
    .ft_submit_btn { width:100%; margin-top:30px; font-size:12px;}
    .ft_menu > .inner { justify-content: center; }
    .ft_menu a { font-size:12px; }
    .ft_content { flex-direction: column; font-size:12px; }
    .ft_logo { width:100%; text-align:center; margin-bottom:20px; }
    .ft_copy { padding:0 20px; font-size:12px; text-align:center; }
    .ft_copy p { font-size:12px; }

    .common_menu .menu_title p { font-size:18px; }
    .common_menu .menu_title span { font-size:13px; }
    .suggestion .sug_icon { width:50px; height:50px; line-height:50px; }
    .common_menu .menu_title { padding:10px 10px 0px 10px; }
    .gallery-thumbs .swiper-slide { width:150px; height:150px; }

    .menu_view_subject h3 { font-size:20px; }
    .menu_view_subject p:last-child { font-size:13px; margin-top:10px; }
    .sh_title h2 { font-size:25px; }
    .sh_back { height:300px; }

    .about_content { flex-direction: column; }
    .about_img { width:100%; height:300px; }
    .about_text { width:100%; padding:30px; }

    .save_title { font-size:22px; }
    .about_two_title ul li:first-child { font-size:16px; }
    .about_two_title ul li:last-child { font-size:22px; }
    .about_three_content { flex-direction: column-reverse; }
    .left_content { width:100%; }
    .right_content { width:100%; padding:0; }
    .baner_set {cursor:pointer; width: calc(50% - 10px); margin:10px 0; height: 380px; position: relative; z-index: 1}
    .ci_section { flex-direction: column; }
    .ci_left { width:100%; margin-bottom:20px; }
    .ci_right { width:100%; padding:0; }
    .ci_sec2_img { flex-direction: column; }
    .ci_sec2_img_box { width:100%; }

	.sub_area {padding: 50px 0;}
	.menu_area {padding: 50px 0;}
	.branch_title p {width: 100%; font-size: 14px; padding: 16px 54px;}
    .about_title h3 { font-size:20px; margin-top: 0px;}
    .branch_title h3 { font-size:20px; margin-top: 0px;}
    .concept_text p:first-child { font-size:20px; }
    .hover_view { font-size:14px; }
    .about_text { font-size:13px; }
    .hover_view p { font-size:13px; padding:10px; }
    .content_text { padding-top:60px; height:300px; }
    .concept_text p:last-child { font-size:13px; }
    .content_text p:last-child { font-size:13px; line-height:20px; }
    .content_text p:nth-child(2) { font-size:20px; line-height:25px; top:135px; }

    .ci_title h3 { font-size:20px; }
    .ci_title p { font-size:13px; line-height:20px; }
    .ci_right h4, .ci_right p { font-size:13px; }
    .content_text p:first-child { font-size:100px; }

    .menu_area .section_title p:nth-child(3) { font-size:13px; }
    .menu_view_subject p:nth-child(2) { font-size:14px; }

    .point_area { flex-direction: column; }
    .point_area > div { width:100%; }
    .parea { width:100%; padding:0 20px; }
	
	.branch_step p:nth-child(3) {font-size: 16px;}
	.branch_content { gap: 30px 0;padding: 10px 0;}
	.branch_table {padding: 80px 0;}
	.branch_title_section p:first-child {font-size: 18px;margin-bottom: 10px;}
	.branch_title_section p:nth-child(2) {font-size: 30px;}
	.branch_title_section p:last-child {font-size: 12px;}
	.first_th {font-size: 18px;}
	.branch_table table td {font-size: 12px;}
	.form_inner { width: 100%;}
	.z-fran_inq {margin-bottom: 10px;}
	.z-btn_green {margin-bottom:10px; width: 100%; height: 50px;line-height: 50px; font-size: 14px;}
	.z-check + label {font-size: 12px;}
	.z-check + label::before {width: 23px; height: 23px;}
	.z-check + label, .z-radio + label {padding-left: 34px;}
	.z-text, .z-select {height: 40px; padding: 10px 10px;  font-size: 12px;}
	.z-select {background-size: 10px;}
	.sectionsepo { width: 100%;}
	.sectionC_check table td:first-child {padding-left: 0; width: 40%;  text-align: center; }
	.sectionC_check table td {font-size: 12px;height: 60px;}
	.sectionC_check {margin-top: 30px;}
	#daumRoughmapContainer1601013131214 {width: 100%!important;}
	.location_text p:first-child {font-size: 12px;}
	.location_text p:last-child {font-size: 14px;}	
	.point_location {height: auto;}
	.map_click p {width: 100%; height: 46px; border-radius: 10px; line-height: 46px; font-size: 14px;}
	.point_area {margin: 50px 0 20px;}
	.point_map {height: 380px;}
	
	.about_three_content3 {gap: 0; margin-top: 70px;}
}

@media only screen and (max-width:768px) {
    .lnb { display:block; }

    .logo img { width:60px; }
    .nav { display:none; }
    .mo_nav { display:flex; position:fixed; top:0; left:-990px; bottom:0; z-index:9999; background-color:rgba(0,0,0,.8); background-color:rgba(0,0,0,.8); -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px); width:80%; transition: .3s; }
    .mo_nav.active { left:0; }
    .mo_nav .gnb > li { font-weight:bold; }
    .mo_nav li { width:100%; margin-bottom:20px; padding-left:20px; }
    .mo_nav a { color:#cbb47d; font-size:18px; width:100%; text-align:left; }
    .mo_nav_btn { display:block; }
    .mo_nav_btn a { position:relative; display:block; width:30px; height:25px; }
    .mo_nav_bar { display:block; width:30px; height:2px; background-color:#fff; position:absolute; transition: .3s; }
    .mo_nav_bar.top { top:0; }
    .mo_nav_bar.mid { top:calc(50% - 1px); }
    .mo_nav_bar.bottom { bottom:0; }
    .mo_nav_btn.active .mo_nav_bar.mid { opacity:0; }
    .mo_nav_btn.active .mo_nav_bar.top { transform:rotateZ(135deg); top:10px; }
    .mo_nav_btn.active .mo_nav_bar.bottom { transform:rotateZ(-135deg); top:10px; }

    .mo_nav .lnb { margin-top:5px; }
    .mo_nav .lnb li { margin:0; padding:0; }
    .mo_nav .lnb li a { font-size:15px; display:block; padding:5px 0 5px 10px; font-weight:400; }

    .section3 > .inner > .flex { flex-direction: column; }
    .sec3_left { margin-bottom:30px; }
    .sec3_left > .flex { flex-direction: column; }
    .sec3_right > .flex { flex-direction: column-reverse; }
    .sec3_left, .sec3_right { width:100%; margin:0; }
    .sec3_right .flex { width:100%; }
    .sec3_right_img { margin-bottom:30px; }

    .sec3_vertical_text { writing-mode: initial; width:100%; text-align:left; font-size:18px; margin-bottom:5px; margin-right: 0px; }
    .sec3_content { width:100%; }
    .sec3_content h3 { width:100%; text-align:left; font-size:14px; }
    .sec3_img { padding-top:50%; }
    .ft_consult_wrap { width:100%; }

    .gallery_wrap { flex-direction: column-reverse; }
    .gallery_row { width:100%; max-width:100%; padding-top:0; margin:0; }
    .pic_block { margin-bottom: 5px; padding:0; margin-top:0; border-radius: 10px; overflow: hidden; }
    .sec5_logo { display:none; }
    .gallery_wrap .gall_more { justify-content: center; }

   .menu_section .common_menu { width:100%; margin-bottom:10px; }
    .gallery-thumbs .swiper-slide { width:80px; height:80px; }
    .section_title h3 { font-size:20px; }
    .sub_gnb_tab li { padding:0 4px; font-size:12px; }
    .sh_title h2 { font-size:20px; }
    .sh_back { height:200px; }

    .save_title { font-size:20px; }
    .about_two_title::after { width:20%; }
    .about_two_title::before { width:20%; }
    .about_two_title ul li:last-child { font-size:16px; }

}