@media screen and (max-width:1600px){
    
    .popup_con .inner.preview_pop {width: 100%;}
    
    .recruit .s-hero, .recruit .s1, .recruit .s2, .recruit .s3, .recruit .s4, .recruit .s5, .recruit .s6, .recruit .s7, .recruit .s8 { padding-left: 130px; padding-right: 60px; }
    
}
@media screen and (max-width:1200px){
    
    .wrap {padding: 0 0 60px 0;}
    
    .header .header_pc_inner {width: 100%; margin: 0; padding: 0px 10px 0px 80px;}
    .header .header_pc_inner .rows.row1 {}
    .header .header_pc_inner .rows.row1 .header_fn_con ul.header_fn_nav {display: none;}
    .header .header_pc_inner .rows.row1 .header_fn_con ul.header_fn_nav.mob_con {display: flex;}
    .header .header_pc_inner .rows.row2 {display: none;}
    #page_01 .header .header_pc_inner .rows.row2,
    #page_02 .header .header_pc_inner .rows.row2,
    #page_03 .header .header_pc_inner .rows.row2 {display: flex;}
    
    #footer .f_inner {
			width: 100%;
			padding: 40px 10px 40px 70px;
		}
    
    
    
    .width_con {width: 100%; padding: 30px 10px 30px 70px;}

    
    
    #page_01 .section_03 .search_con {}
    #page_01 .section_03 .search_con .form_con {width: 100%; box-shadow: none;}
    #page_01 .section_03 .search_con .form_con form {display: none;}
    #page_01 .section_03 .search_con .form_con .btn_mob_search {margin: 10px 0 0 0; text-align: center;
    padding: 16px 10px;
    background: #0E1821;
    width: 100%;
    border-radius: 4px; display: flex; width: 100%;}
    #page_01 .section_03 .search_con .form_con .btn_mob_search span {font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.35px;}
    #page_01 .section_03 .search_con .form_con .btn_mob_search img {margin: 0 10px 0 0;}
    #page_01 .section_03 .search_con .btn_con {display: none;}
    
    
    
    #page_04 {padding: 0;}
    #page_04 .header .header_pc_inner {padding: 0;}
    #page_04 .header .header_pc_inner .rows.row1 {padding: 10px 20px;}
    #page_04 .sections.section_01 .pd_map .map_con {height: calc(100vh - 116px);}
    #page_04 .sections.section_01 .pd_map .map_con img {width: auto; height: 100%;}
    
    .mypage .section_01 .width_con .main_con .user_con {width: 100%;}
    .mypage.product_lists .section_01 .width_con .main_con .user_con,
    .mypage.inquiry_lists .section_01 .width_con .main_con .user_con,
    .mypage.inquiry_view .section_01 .width_con .main_con .user_con {display: none;}
    .mypage .section_01 .width_con .main_con .right_container {width: 100%; margin: 10px 0 0 0;}
    .mypage .section_01 .width_con .main_con .right_container .mypage_lnb {display: block;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container {margin: 0;}
    
    .mypage.my_directorhome.director_note_view .width_con {padding: 0 10px;}
    
    .director_home .sections .width_con {}
    .director_home .section_01 .director_header {width: 100%; padding: 16px;}
    .director_home .section_03 .width_con {}
    .director_home .section_03 .width_con .info_list {width: calc(60% - 10px);}
    .director_home .section_03 .width_con .contact_con {width: calc(40% - 10px);}
    
    .director_list .section_01 .director_header {width: 100%; padding: 16px;}
    .director_list .section_02 .width_con .title_con {width: calc(20% - 20px);}
    .director_list .section_02 .width_con .director_slide_con {width: calc(80% - 20px);}
    
    #page_01 .section_03 .dash_con {flex-direction: column;}
    #page_01 .section_03 .dash_con .dash_col1 {max-width: none; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px;}
    #page_01 .section_03 .dash_con .dash_col1 .search_con {width: 100%;}
    #page_01 .section_03 .dash_con .dash_col1 .search_con .form_con {width: 100%; padding: 0;}
    #page_01 .section_03 .width_con .main_banner_con .swiper-slide {text-align: center;}
    #page_01 .section_03 .dash_con .dash_col2 {max-width: none; width: 100%;}
    #page_01 .section_03 .dash_con .dash_col2 .director_con {height: auto;}
    #page_01 .section_03 .dash_con .dash_col2 .director_con ul {height: 100%;}
    .section_03 .width_con .director_con ul li {position: relative; background: #FFF; border-bottom: 1px solid #E0E0E0;}
    .section_03 .width_con .director_con ul li .inner {flex-direction: column; justify-content: flex-start;}
    .section_03 .width_con .director_con ul li .inner .rows {}
    .section_03 .width_con .director_con ul li .inner .rows.row_01 {}
    .section_03 .width_con .director_con ul li .inner .btn_con {width: 100%; margin: 10px 0 0 0;}
    .section_03 .width_con .director_con ul li .inner .btn_con a {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding: 10px; border-radius: 4px; background: var(--pt-color-01);}
    .section_03 .width_con .director_con ul li .inner .btn_con a img {margin: 0 4px 0 0;}
    .section_03 .width_con .director_con ul li .inner .btn_con a span {font-size: 14px; font-weight: 700; color: #fff;}
    
    .landing.landing_01 .section_01 .width_con {padding: 88px 16px 88px 76px;}
    .landing.landing_01 .section_02 .width_con {padding: 50px 16px 50px 76px}
    .landing.landing_01 .section_06  .width_con {padding: 50px 16px 50px 76px;}
    
    
    .recruit .s-hero { flex-direction: column; align-items: flex-start; }
      .recruit .hero-left { max-width: 100%; }
      .recruit .hero-pill-line1 { font-size: 52px; line-height: 1; letter-spacing: -1.3px; }
      .recruit .hero-pill-line2 { font-size: 60px; line-height: 1; letter-spacing: -1.5px; }
      .recruit .hero-dark { font-size: 60px; line-height: 1; letter-spacing: -1.5px; }
      .recruit .hero-sub-text { font-size: 20px; }
      .recruit .hero-badge-pill { font-size: 20px; }
      .recruit .hero-sub-line2 { font-size: 20px; }
      .recruit .hero-stat .val { font-size: 26px; }
      .recruit .hero-card { width: 100%; height: auto; }
      .recruit .s1, .recruit .s2, .recruit .s3, .recruit .s4, .recruit .s5, .recruit .s6, .recruit .s7, .recruit .s8 { padding: 70px 40px 70px 100px; }
      .recruit .section-title h2 { font-size: 36px; }
      .recruit .person-card { width: calc(50% - 12px); }
        .recruit .btn-teal {width: 100%;}
      .recruit .job-card { width: 100%; }
      .recruit .commission-table { flex-direction: column; }
      .recruit .commission-col { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
      .recruit .commission-col:last-child { border-bottom: none; }
      .recruit .future-grid { flex-wrap: wrap; }
      .recruit .future-col { min-width: 200px; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.3); }
      .recruit .future-col:last-child { border-bottom: none; }
      .recruit .s1-cta { flex-direction: column; align-items: flex-start; }
    
    .recruit .section_07 .width_con {
        width: 100%;
        padding: 30px 10px 30px 70px;
    }
    
    
}
@media screen and (max-width:960px){
    
    /*팝업 css 영역*/
    .popup_con {width: 100%; top: auto; bottom: 0; left: 0; transform: translate(0); border-radius: 0;}
	.popup_con .inner {width: 100%; max-width: none;}
    .popup_con .inner .btn_con a.btns {font-size: 14px;}
    
    .popup_con .inner.sns_link {width: 100%;}
    .popup_con .inner.report .input_list ul li .input_con input[type='text'] {width: 100%;}
    .popup_con .inner.report .input_list ul li:first-child p {width: 50%; text-align: right;}
    .popup_con .inner.report .input_list ul li:first-child .input_con {width: 30%;}
    
    .popup_con .inner.cate_pops,
    .popup_con .inner.add_insight_posting.cate_pops {width: 100%;}
    /*팝업 css 영역*/
    
    #footer .f_inner .row {
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		#footer .f_inner .row.row1 .link_con {
			margin: 20px 0 0 0;
		}
		#footer .f_inner .row.row1 .link_con .link_list {
			justify-content: center;
		}
		#footer .f_inner .row.row2 .info_con .info_list {
			justify-content: center;
			align-items: center;
		}
		#footer .f_inner .row.row2 .info_con .info_list li {
			text-align: center;
			line-height: 1.2rem;
		}
		#footer .f_inner .row.row2 .family_con {
			margin: 20px 0 0 0;
		}
		#footer .f_inner .row.row2 .family_con .sns_list {
			justify-content: center;
		}
    
    .select_menu ul.select_menu_nav li .check_con {position: fixed; top: auto; bottom: 0; left: 0; width: 100%; max-height: 70vh; border-radius: 4px 4px 0 0; overflow: auto;}
    
    #page_01 .section_03 .width_con .sale_con ul.sale_list li {width: calc(100% / 3 - 10px);}
    
    
    #page_02 .section_01 .width_con .slide_con .slick-prev {left: 0px;}
    #page_02 .section_01 .width_con .slide_con .slick-next {right: 0px;}
    #page_02 .section_02 .width_con .search_con .form_con form {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    #page_02 .section_02 .width_con .search_con .form_con form ul {flex-direction: column; justify-content: flex-start; width: 100%; margin: 10px 0 0 0;}
    #page_02 .section_02 .width_con .search_con .form_con form ul li {width: 100%; margin: 0 0 10px 0;}
    #page_02 .section_02 .width_con .search_con .form_con form ul li .check_con {position: relative; top: auto; left: auto; flex-direction: column; height: auto;}
    #page_02 .section_02 .width_con .search_con .form_con form ul li .check_con .check_list_con {height: 150px;}
    #page_02 .section_02 .width_con .search_con .form_con form ul li .check_con.two_con {width: 100%; height: 300px;}
    #page_02 .section_02 .width_con .search_con .form_con form ul li .check_con.two_con .check_list_con {width: 100%;}
    #page_02 .section_02 .width_con .search_con .form_con form .search_btn_con {width: 100%; margin: 10px 0 0 0;}
    
    #page_02 .section_02 .width_con .list_con .list_tit {flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; overflow: auto;}
    #page_02 .section_02 .width_con .list_con .list_tit h5 {font-size: 14px;}
    #page_02 .section_02 .width_con .list_con .list_tit ul.array {margin: 10px 0 0 0; width: 720px;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li {flex-direction: column; justify-content: flex-start;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .img_con {width: 100%;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con {position: relative; width: 100%; margin: 10px 0 0 0;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows {padding: 4px 0; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_title {font-size: 20px;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info {margin: 4px 0 0 0; flex-wrap: wrap;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info p {margin: 0 4px 0 0; padding: 0 4px 0 0;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_map {display: none;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_dibs {position: absolute; top: 0; right: 0;}
    #page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_dibs span {display: none;}
    
    
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con {flex-direction: column;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li {width: 100%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info {margin: 20px 0 0 0;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .info_rows {width: 100%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .flx_row {flex-direction: column; align-items: flex-start;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con {flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #E0E0E0;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con a {width: 100%; margin: 10px 0 0 0; flex-direction: row;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con a img {margin: 0 4px 0 0;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .sp_con {width: 100%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con p {font-size: 14px;}
    
    
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con {flex-direction: column;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con {width: 100%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev,
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next {z-index: 9; width: 32px; height: 32px; background: #000;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev:before,
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next:before {font-size: 24px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con {width: 100%; margin: 4px 0 0 0;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list {padding: 0 30px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-list {margin: 0 -5px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-slide {margin: 0 5px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev {left: 0; transform: translateY(-50%); top: 50%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next {right: 0; transform: translateY(50%); bottom: 50%;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev:before {content: '\f104';}
    #page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next:before {content: '\f105';}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con {padding: 10px;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con form {flex-direction: column; justify-content: flex-start; align-items: center;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .tit h6 {margin: 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .tit span {display: none;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con {margin: 10px 0 0 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs:first-child {margin: 0 10px 0 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs h6 {font-size: 16px; letter-spacing: 0.4px; margin: 0 4px 0 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs input {width: 100px;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs:last-child input {width: 130px;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con {flex-direction: column; align-items: flex-start; margin: 10px 0 0 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label {display: flex; align-items: center; margin: 0 0 10px 0;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con button {padding: 10px 20px; width: 100%;}
    
    #page_04 .sections.section_01 .pd_map {overflow: hidden;}
    #page_04 .sections.section_01 .pd_map .pd_con {width: 100%; height: 100%; background: transparent;}
    #page_04 .sections.section_01 .pd_map .pd_con.on {background: rgba(0,0,0,.5);}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con {position: absolute; bottom: -80%; left: 0; width: 100%; height: 70vh; border-radius: 10px 10px 0 0; transition: all 300ms ease-out;}
    #page_04 .sections.section_01 .pd_map .pd_con.on .list_con {bottom: 0;}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con .btn_open_close {position: absolute; top: -24px; left: 50%; display: flex; justify-content: center; align-items: center; width: 40px; height: 24px; background: #fff; border-radius: 4px 4px 0 0; transform: translateX(-50%);}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con .btn_open_close:before {content: '\f106'; font-family: 'Font Awesome 6 Free'; font-size: 16px; font-weight: 900; color: #999;}
    #page_04 .sections.section_01 .pd_map .pd_con.on .list_con .btn_open_close:before {content: '\f107';}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con {padding: 10px;}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .img_con {max-width: 100px; margin: 0 10px 0 0;}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con {margin: 0 10px 0 0;}
    #page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .btn_con a {padding: 4px;}
    #page_04 .sections.section_01 .pd_map .pd_con .preview_con {position: absolute; bottom: -100%; left: 0; height: 80vh; width: 100%; transition: all 300ms ease-out;}
    #page_04 .sections.section_01 .pd_map .pd_con .preview_con.on {bottom: 0; width: 100%;}
    #page_04 .sections.section_01 .pd_map .pd_con .preview_con .btn_preview_close {top: -24px; right: 50%; width: 40px; height: 24px; border-radius: 4px 4px 0 0; transform: translateX(50%);}
    #page_04 .sections.section_01 .pd_map .pd_con .preview_con .btn_preview_close:before {content: '\f107'; font-family: 'Font Awesome 6 Free'; font-size: 16px; font-weight: 900; color: #999;}
    #page_04 .sections.section_01 .pd_map .pd_con .preview_con .btn_preview_close img {display: none;}
    #page_04 .sections.section_01 .pd_menu ul li .check_con {position: fixed; top: auto; bottom: 0; left: 0; width: 100%; max-height: 70vh; border-radius: 4px 4px 0 0; overflow: auto;}
    
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs {flex-wrap: wrap;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con {width: 100%; margin: 0 0 10px 0;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con input {width: 100%;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.post .input_con {width: 100%;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p a {margin: 4px 0 0 0;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list {position: fixed; top: auto; bottom: 0; width: 100%; border-radius: 4px 4px 0 0; border: none; z-index: 1000;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list:before {position: fixed; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list.on {display: flex;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label {position: relative; align-items: center; padding: 10px 10px 20px 10px; background: #fff;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input {display: inline-block; width: auto; min-width: 0; margin: 0 10px 0 0;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label span {width: auto; font-size: 14px; color: #0E1821; padding: 0; background: unset;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input:checked + span {background: unset; color: #0E1821;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list .btn_close_budget {position: relative; display: flex; width: 100%; padding: 10px; height: 50px; justify-content: center; align-items: center; background: #e0e0e0; color: #777; font-size: 14px; font-weight: 700;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 8px; height: 8px; border: 1px solid #E0E0E0; border-radius: 50%;outline: none; cursor: pointer;}
    #page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input[type='radio']:checked {background-color: var(--pt-color-01); border: 4px solid #fff; box-shadow: 0 0 0 1px var(--pt-color-01);}
    #page_05 .section_01 .width_con .inquiry_con .form_con .btn_con {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}
    #page_05 .section_01 .width_con .inquiry_con .form_con .btn_con button {width: 100%;}
    
    
    #page_11.add_product .section_01 .width_con .add_top .save_btns {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999;}
    #page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con {display: flex;}
    #page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a {justify-content: center; width: calc(100% / 3); padding: 16px 0; border-radius: 4px; margin: 0; border-radius: 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post {flex-wrap: wrap;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list {width: 100%; flex-wrap: wrap;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list input {width: 100%; margin: 4px 0 0 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list.code input {margin: 4px 4px 0 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row,
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details.quarter .input_row {width: 100%;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con {flex-wrap: wrap;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con .input_row {width: 100%; margin: 4px 0 0 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con .img_con {padding: 30px 0 0 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con .img_con:before {top: 0; left: 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li {width: 100px; height: 100px; margin: 0 4px 4px 0;}
    
    
    .mypage .sections .width_con .main_con {margin: 10px 0 0 0;}
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list {position: fixed; top: auto; bottom: 0; width: 100%; border-radius: 4px 4px 0 0; border: none; z-index: 1000;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list:before {position: fixed; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label {position: relative; align-items: center; padding: 10px 10px 20px 10px; background: #fff;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input[type='radio'] {display: inline-block; width: auto; min-width: 0; margin: 0 10px 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label span {width: auto; font-size: 14px; color: #0E1821; padding: 0; background: unset;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input[type='radio']:checked + span {background: unset; color: #0E1821;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list .btn_close_select_list {position: relative; display: flex; width: 100%; padding: 10px; height: 50px; justify-content: center; align-items: center; background: #e0e0e0; color: #777; font-size: 14px; font-weight: 700;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input[type='radio'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 8px; height: 8px; border: 1px solid #E0E0E0; border-radius: 50%;outline: none; cursor: pointer;}

    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input[type='radio']:checked {background-color: var(--pt-color-01); border: 4px solid #fff; box-shadow: 0 0 0 1px var(--pt-color-01);}
    
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box:last-child {flex-direction: column;}
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box:last-child .input_con {width: 100%;}
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box:last-child .input_con .file_con .file_row .show_file span {font-size: 0.6rem; width: auto;}
    
    .mypage.my_directorhome .director_set_con .state_con .rows {padding: 14px;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con {padding: 10px;}
    
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios {flex-wrap: wrap;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios .label_con {width: calc(50% - 10px);}
    
    .director_home .section_01 .director_header .cols .director_title {margin: 0 0 0 10px;}
    .director_home .section_01 .director_header .cols .director_title h3 {font-size: 20px; letter-spacing: -0.5px;}
    .director_home .section_01 .director_header .cols .director_title .director_info {margin: 10px 0 0 0;}
    .director_home .section_02 .width_con:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 60%, #0E1821 100%);}
    .director_home .section_02 .width_con .img_con {max-width: 960px;}
    .director_home .section_02 .width_con .title_con {position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 16px;}
    .director_home .section_03 .width_con {flex-wrap: wrap; justify-content: center;}
    .director_home .section_03 .width_con .info_list {width: 100%; padding: 14px;}
    .director_home .section_03 .width_con .contact_con {justify-content: space-between; width: 100%; padding: 14px; border-top: 1px solid #E0E0E0;}
    .director_home .section_03 .width_con .contact_con .btn_consult {margin: 0;}
    .director_home .section_04 .width_con .sale_con ul.sale_list li {width: calc(50% - 10px);}
    
    .landing.landing_01 .section_01 .width_con .title_con p {font-size: 20px; letter-spacing: -0.5px;}
    .landing.landing_01 .section_01 .width_con .title_con h4 {margin: 28px 0 0 0; font-size: 34px; letter-spacing: -1px;}
    .landing.landing_01 .section_01 .width_con .v_con {flex-wrap: wrap; margin: 30px 0 0 0;}
    .landing.landing_01 .section_01 .width_con .v_con li p {font-size: 16px;}
    .landing.landing_01 .section_01 .width_con h5 {margin: 30px 0 0 0; font-size: 24px;}
    
    
    
    .landing.landing_01 .section_02 .width_con h5 {font-size: 24px; letter-spacing: -0.6px;}
    .landing.landing_01 .section_02 .width_con .coupon_con {display: flex; flex-direction: column; width: 100%; margin: 20px 0 0 0; height: auto;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con {width: 100%;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit {padding: 0 20px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit h4 {font-size: 24px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount {padding: 0 20px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h6 {font-size: 40px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 {font-size: 120px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 span {font-size: 50px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .btn_con {height: auto;}
    .landing.landing_01 .section_02 .width_con .coupon_con .btn_con a { height: auto; padding: 14px 0; text-align: center;}
    .landing.landing_01 .section_02 .width_con p {margin: 20px 0 0 0; font-size: 16px; letter-spacing: -0.4px;}
    
    .landing.landing_01 .section_04 .v_con {margin: 20px 0 0 0;}
    .landing.landing_01 .section_04 .v_con li {width: 100%; margin: 0 0 20px 0;}
    .landing.landing_01 .section_04 .v_con li .desc_con h5 {font-size: 18px;}
    .landing.landing_01 .section_04 .v_con li .desc_con p {font-size: 14px;}
    
    .recruit {margin: 60px 0 0 0;}
    
    
    
}
@media screen and (max-width:844px){
    .popup_con {width: 100%; top: auto; bottom: 0; left: 0; transform: translate(0);}
	    .popup_con .inner {width: 100%; max-width: none;}
        .popup_con .inner.board_write .main_con .desc_con .thum_con {flex-direction: column;}
        .popup_con .inner.board_write .main_con .desc_con .file_con {width: 100%; margin: 0 0 10px 0;}
    
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con {width: 100%; margin: 0 0 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_desc .input_con input {width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con.fls {justify-content: flex-start; flex-wrap: wrap;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con p {white-space: nowrap;}
    
    
    .recruit .section_01 {background: url(../img/recruit/img_01_m.png) center no-repeat; background-size: cover; height: 400px; display: flex; align-items: center;}
}
@media screen and (max-width:767px){

    /*로그인, 회원가입 css 영역*/
    #container {padding: 40px 20px;}
    span.btn_submit {padding: 10px 80px;}
    #container form .log_con {flex-direction: column;}
    #container form .log_con .input_con > div input {width: 100%;}
    #container form .log_con .log_btn {width: 100%;margin: 5px 0 0 0;}
    .login_wrap {width: 100%;}
    .login_con .logo_con img {height: 40px;}
    .login_con ul.input_list {width: 100%;}
    .login_con ul.input_list li h5 {font-size: 0.8rem;line-height: 1.2rem;}
    .login_con {width: calc(100% - 20px);}
    .login_con .login_inner {padding: 24px;}
    .login_con ul.input_list li {}
    .login_con ul.input_list li .input_con input {width: 100%;height: 40px;font-size: 0.7rem;line-height: 1.1rem;}
    .login_con .btn_con .btn_login {padding: 12px 0;font-size: 0.8rem;line-height: 1.2rem;}
    .login_con .btn_con .fn_con label.auto_login span {font-size: 0.7rem;line-height: normal;font-weight: 400;letter-spacing: -0.35px;color: #555;}
    .login_con .join_us span,
    .login_con .join_us a,
    .login_con .btn_con .fn_con .find_info a {font-size: 0.7rem;line-height: 1.1rem;}
    .login_con .brd span {font-size: 0.6rem;line-height: 1rem;}
    .login_con .sns_con a {}
    .login_con .sns_con a img {}
    
    .join_wrap {width: 100%; padding: 0 10px;}
    .join_wrap.info_input .join_con ul.input_list li.file_inputs .input_con {flex-direction: column;}
    .join_wrap.info_input .join_con ul.input_list li.file_inputs .input_con .file_con {width: 100%; margin: 0;}
    .join_wrap.info_input .join_con ul.input_list li.file_inputs .input_con .file_con .file_row .show_file {padding: 0 10px;}
    .join_wrap.info_input .join_con ul.input_list li .two_con,
    .join_wrap.info_input .join_con ul.input_list li.two_con {flex-wrap: wrap;}
    .join_wrap.info_input .join_con ul.input_list li .two_con.mg10 .input_con,
    .join_wrap.info_input .join_con ul.input_list li.two_con.mg10 .input_con {width: 100%; margin: 10px 0 0 0;}
    .join_wrap.info_input .join_con ul.input_list li .two_con.mg10 .input_con:first-child,
    .join_wrap.info_input .join_con ul.input_list li.two_con.mg10 .input_con:first-child {margin: 0;}
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication.email_con {flex-wrap: wrap;}
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication.email_con .emails {width: 100%;}
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication.email_con .emails input {width: calc(50% - 10px);}
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication.email_con select {width: 100%; margin: 4px 0 0 0;}
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication a {font-size: 0.7rem; line-height: 1.1rem;}
    /*로그인, 회원가입 css 영역*/
    
    /*팝업 css 영역*/
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con {flex-wrap: wrap;}
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info {width: 100%; flex-direction: row; justify-content: flex-start; border-bottom: 1px solid #E0E0E0;}
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con .user_info h4 {margin: 0 10px;}
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info {width: 100%;}
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_img_con {width: 50%;}
    .popup_con .inner.inquire_memo .main_con .memo_con .info_con .product_info .pd_desc_con {width: 50%;}
    .popup_con .inner.inquire_memo .main_con .input_con {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .popup_con .inner.inquire_memo .main_con .input_con .dates {margin: 10px 0 0 0;}
    
    .popup_con .inner.find_product .main_con .fn_con .fn_bar {flex-direction: column;}
    .popup_con .inner.find_product .main_con .fn_con .fn_bar .search_con {margin: 0;}
    .popup_con .inner.find_product .main_con .fn_con .fn_bar .search_con:last-child {margin: 10px 0 0 0;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_hd .cols {display: none;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_hd .cols.col1 {display: flex; align-items: flex-start; padding: 0;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_hd .cols.col2 {display: flex; width: 95%;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd {flex-wrap: wrap; justify-content: flex-end;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols {justify-content: flex-start;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col1 {align-items: flex-start; padding: 6px 0;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col2 {width: 95%;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col3 {width: 95%;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col4 {width: 95%;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col4 span:first-child {width: auto;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col4 span {margin: 0 10px 0 0;}
    .popup_con .inner.find_product .main_con .list_con .rows.row_bd .cols.col5 {width: 95%;}
    /*팝업 css 영역*/

    
    #page_01 .section_01 .header_banner a {display: flex; justify-content: center; align-items: center; width: 100%; }
    #page_01 .section_01 .header_banner a img {max-width: 360px; width: 100%;}
    #page_01 .section_03 .width_con .sale_con ul.sale_list li {width: calc(100% / 2 - 10px);}

    #page_01 .section_03 .width_con .main_banner_con {flex-direction: column; align-items: center; gap: 20px;}

    #page_01 .section_04 .width_con .title_con h5 {font-size: 14px;}
    #page_01 .section_04 .width_con .partner_list {justify-content: center; gap: 10px;}
    #page_01 .section_04 .width_con .partner_list li {width: calc(100% / 3 - 10px);}
    #page_01 .section_04 .width_con .regist_partner {flex-direction: column; align-items: flex-start; gap: 10px;}
    #page_01 .section_04 .width_con .regist_partner .tit {flex-direction: column;align-items: flex-start; gap: 10px;}
    #page_01 .section_04 .width_con .regist_partner .tit p {margin: 0;}
    
    .mypage .section_01 .width_con .main_con .user_con .mypage_list .close_btn_con {display: block;}
    .mypage .section_01 .width_con .main_con .user_con .profile_con .mob_btn_con {display: block;}
    .mypage .section_01 .width_con .main_con.on .user_con:before {position: fixed; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000;}
    .mypage .section_01 .width_con .main_con .user_con .mypage_list {position: fixed; top: 0; right: -300px; width: 300px; height: 100vh; margin: 0; background: #fff; transition: right 300ms ease-out; z-index: 9999;}
    .mypage .section_01 .width_con .main_con.on .user_con .mypage_list {right: 0;}
    .mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con {border: none;}
    .mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows .row_tit {border-top: 1px solid #E0E0E0;}
    .mypage .section_01 .width_con .main_con .right_container ul.my_state {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container ul.my_state li {width: calc(50% - 10px); margin: 0 0 10px 0;}
    
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit {flex-direction: column; align-items: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 {margin: 10px 0 0 0; flex-direction: column; align-items: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 h6 {margin: 0 0 4px 0;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list {flex-direction: column; align-items: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list li {margin: 0 0 4px 0;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li {width: calc(50% - 5px); margin: 0 0 10px 0;}
    
    .mypage .section_01 .width_con .main_con .right_container .alert_con {margin: 10px 0 0 0;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols {justify-content: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col1 {width: 40%; padding: 10px 10px 10px 0;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 {width: 60%;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 .top_row {flex-direction: column; align-items: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col3 {width: 100%;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col4 {width: 100%;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col5 {width: 80%;}
    .mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 {width: 20%;}
    
    .mypage .section_01 .width_con .main_con .right_container .tag_con {margin: 4px 0 0 0;}
    
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols {justify-content: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col1 {width: 40%; padding: 10px 10px 10px 0;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 {width: 60%;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 .top_row {flex-direction: column; align-items: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col3 {width: 30%;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col4 {width: 70%;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col5 {width: 80%;}
    .mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 {width: 20%;}
    
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols {justify-content: flex-start;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols p {font-size: 14px; color: #555;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols span {font-size: 14px; color: #555;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col1 {width: 100%;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col2 {width: 100%;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col3 {width: 80%;}
    .mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col4 {width: 20%;}
    
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con {}
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .two_con.mg10,
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .three_con.mg10 {flex-wrap: wrap;}
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .two_con.mg10 .input_con {width: 100%; margin: 0 0 10px 0;}
    .mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .three_con.mg10 .input_con {width: 100%; margin: 0 0 10px 0;}
    
    
    .mypage.product_lists .section_01 .width_con .title_con .back_btns {display: flex;}
    .mypage.product_lists .section_01 .width_con .title_con h5 {display: none;}
    .mypage.product_lists .section_01 .width_con .main_con {margin: 10px 0 0 0;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd .cols {display: none;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd .cols.col1 {display: flex; align-items: flex-start; padding: 0;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd .cols.col2 {display: flex; width: 95%;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd {flex-wrap: wrap; justify-content: flex-end;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols {justify-content: flex-start;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col1 {align-items: flex-start; padding: 6px 0;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 {width: 95%;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col3 {width: 95%;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col4 {width: 95%;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col4 span:first-child {width: auto;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col4 span {margin: 0 10px 0 0;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col5 {width: 95%;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col6 {width: 50%; flex-direction: row;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col6 a.btn_reason {margin: 0 0 0 10px;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 {width: 45%; justify-content: flex-end;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 .btn_con {flex-direction: row;}
    .mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 .btn_con a.btn_modify {margin: 0 10px 0 0;}
    
    .mypage.inquiry_lists .section_01 .width_con .title_con .back_btns {display: flex;}
    .mypage.inquiry_lists .section_01 .width_con .title_con h5 {display: none;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con ul {flex-wrap: wrap;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con ul li {width: calc(50% - 2px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con ul li:last-child {width: 100%; margin: 4px 0 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con ul li .btn_select {min-width: 0;}
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows {justify-content: flex-start; flex-wrap: wrap;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd .cols {display: none;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols {justify-content: flex-start; text-align: left;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col1 {width: 10%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col2 {width: 90%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col3 {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col4 {width: 100%;}
    
    .mypage.inquiry_view .section_01 .width_con .title_con .back_btns {display: flex;}
    .mypage.inquiry_view .section_01 .width_con .title_con h5 {display: none;}
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(1) {width: calc(24% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(2) {width: calc(38% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(3) {width: calc(38% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(4) {width: calc(26% - 4px); margin: 4px 0 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:last-child {width: 74%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows {flex-wrap: wrap; justify-content: flex-start;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols {justify-content: flex-start;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col1 {width: 15%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col2 {width: 15%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 {width: 70%; flex-direction: row;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 p {margin: 0 4px 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 a span {display: none;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .img_con {width: 40%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .desc_con {width: 60%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .desc_con p {text-align: left;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col5 {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 {width: 50%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 {width: 50%; flex-direction: row; justify-content: flex-end; align-items: center;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 a.btn_memo {margin: 0 0 0 4px;}
    
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(1) {width: calc(24% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(2) {width: calc(38% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(3) {width: calc(38% - 4px);}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(4) {width: calc(26% - 4px); margin: 4px 0 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:last-child {width: 74%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols {justify-content: flex-start;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col1 {width: 10%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col2 {width: 90%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col3 {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col4 {width: 50%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col5 {width: 50%; justify-content: flex-end;}
    
    
    .mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(1) {width: calc(60% - 2px);}
    .mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(2) {width: calc(40% - 2px);}
    .mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(3) {width: calc(100%); margin: 4px 0 0 0;}
    .mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols {justify-content: flex-start;}
    .mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col1 {width: 10%;}
    .mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col2 {width: 90%;}
    .mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col3 {width: 100%;}
    
    .mypage.my_directorhome .section_01 .width_con .title_con .back_btns {display: flex;}
    .mypage.my_directorhome .section_01 .width_con .title_con h5 {display: none;}
    .mypage.my_directorhome .director_set_con .state_con .rows .row_tit {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 {margin: 10px 0 0 0; flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 h6 {margin: 0 0 4px 0;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list li {margin: 0 0 4px 0;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list {flex-wrap: wrap;}
    .mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li {width: calc(50% - 5px); margin: 0 0 10px 0;}
    
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios .label_con {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios .label_con p {margin: 4px 0 0 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios input[type='text'] {margin: 10px 0 0 0; width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con {flex-direction: column; align-items: flex-start; width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con {flex-direction: row; align-items: center;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con:last-child {margin: 20px 0 0 0;}
    
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col2 {width: 95%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col2 .product_info_con .desc_con .top_row {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col3 {width: 95%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col4 {width: 95%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col5 {width: 87%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col6 {width: 8%;}
    
    .mypage.my_directorhome .director_note_posting .fn_con .fn_rows {flex-wrap: wrap;}
    .mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con {margin: 10px 0 0 0;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_hd .cols {display: none;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_hd .cols.col1 {display: flex; align-items: flex-start; padding: 0;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_hd .cols.col2 {display: flex; width: 95%;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd {justify-content: flex-start;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols {justify-content: flex-start;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col1 {align-items: flex-start; padding: 6px 0;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col2 {width: 10%;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col3 {width: 10%;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 {width: 95%;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col5 {width: 30%;}
    .mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 {width: 70%;}
    
    .mypage.my_directorhome .director_note_posting.temporary .list_con .rows .cols.col5 {width: 95%;}
    
    .mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col1 {padding: 12px 0; justify-content: center;}
    .mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 {width: 95%;}
    
    .mypage.my_directorhome.director_note_view .title_con .posting_title {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome.director_note_view .title_con .posting_title .tit {margin: 10px 0 0 0;}
    
    .mypage.my_directorhome .insight_posting .fn_con .fn_rows {flex-wrap: wrap;}
    .mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con {margin: 10px 0 0 0;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_hd .cols {display: none;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_hd .cols.col1 {display: flex; align-items: flex-start; padding: 0;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_hd .cols.col2 {display: flex; width: 95%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd {justify-content: flex-start;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols {justify-content: flex-start;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col1 {align-items: flex-start; padding: 6px 0;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col2 {width: 10%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col3 {width: 10%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 {width: 95%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col5 {width: 30%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 {width: 70%;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con {flex-direction: row;}
    .mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con a.btns {margin: 0 4px 0 0;}
    
    
    .director_home .sections .width_con .title_con h3 {font-size: 24px;}
    .director_home .sections .width_con .title_con p {}
    .director_home .section_05 .director_board {display: flex; flex-direction: column;}
    .director_home .section_06 .title_con {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .director_home .section_06 .title_con > div {width: 100%;}
    .director_home .section_06 .tab_con {margin: 10px 0 0 0;}
    .director_home .section_06 .list_con ul li {width: calc(50% - 10px); margin: 0 10px 10px 0;}
    
    .director_list .section_02 .width_con {flex-direction: column; justify-content: center; align-items: flex-start;}
    .director_list .section_02 .width_con .title_con {display: flex; justify-content: space-between; align-items: center; width: 100%;}
    .director_list .section_02 .width_con .title_con h3 {font-size: 24px;}
    .director_list .section_02 .width_con .director_slide_con {width: 100%; margin: 10px 0 0 0;}
    .section_03 .width_con .filter_con {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .section_03 .width_con .filter_con .align_con {margin: 10px 0 0 0;}
    .section_03 .width_con .director_con ul li {width: 100%;}
    .section_03 .width_con .director_con ul li .inner .btn_con {margin: 0;}
    .director_list .section_02 .width_con .director_slide_con .slick-next {right: -10px;}
    
    .landing.landing_01 .section_01 {background: #0E1821 url(../img/landing/img_01_m.png) center top no-repeat; background-size: contain;}
    .landing.landing_01 .section_01 .width_con .title_con p {font-size: 16px; letter-spacing: -0.4px;}
    .landing.landing_01 .section_01 .width_con .title_con h4 {margin: 18px 0 0 0; font-size: 24px; letter-spacing: -0.6px;}
    .landing.landing_01 .section_01 .width_con .v_con {flex-wrap: wrap; margin: 30px 0 0 0;}
    .landing.landing_01 .section_01 .width_con .v_con li {width: 100%; margin: 0 0 14px 0;}
    .landing.landing_01 .section_01 .width_con .v_con li p {font-size: 16px;}
    .landing.landing_01 .section_01 .width_con h5 {margin: 30px 0 0 0; font-size: 20px;}
    
    .landing.landing_01 .section_02 {background: #AAADB0 url(../img/landing/img_05.png) left center no-repeat; background-size: cover;}
    .landing.landing_01 .section_02 .width_con h5 {font-size: 20px; letter-spacing: -0.5px;}
    .landing.landing_01 .section_02 .width_con .coupon_con {display: flex; flex-direction: column; width: 100%; margin: 20px 0 0 0; height: auto;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con {width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit {padding: 20px 16px; width: 100%;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit h4 {font-size: 20px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount {padding: 20px 16px; justify-content: flex-end; width: 100%;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h6 {font-size: 40px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 {font-size: 100px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 span {font-size: 30px;}
    .landing.landing_01 .section_02 .width_con .coupon_con .btn_con {height: auto;}
    .landing.landing_01 .section_02 .width_con .coupon_con .btn_con a { height: auto; padding: 14px 0; text-align: center; font-size: 20px;}
    .landing.landing_01 .section_02 .width_con p {margin: 20px 0 0 0; font-size: 14px; letter-spacing: -0.35px;}
    .landing.landing_01 .section_05 ul li h6 {font-size: 20px;}
    .landing.landing_01 .section_05 ul li .desc_con h5 {font-size: 16px;}
    .landing.landing_01 .section_05 ul li .desc_con p {font-size: 14px;}
    
    .landing.landing_01 .sections .width_con .title_con h3{font-size: 20px}
    .landing.landing_01 .sections .width_con .title_con p {}
    
    
    
    .recruit .s-hero, .recruit .s1, .recruit .s2, .recruit .s3, .recruit .s4, .recruit .s5, .recruit .s6, .recruit .s7, .recruit .s8 { padding: 50px 14px 50px 74px; }
        .recruit .s-hero {min-height: 0; background: url(/img/recruit/260421/hero_bg_m.png) center no-repeat; background-size: cover;}
        .recruit .hero-card {display: none;}
      .recruit .hero-pill-line1 { font-size: 38px; letter-spacing: -1px; }
      .recruit .hero-pill-line2 { font-size: 46px; letter-spacing: -1.2px; }
      .recruit .hero-dark { font-size: 46px; letter-spacing: -1.2px; }
      .recruit .hero-sub-text { font-size: 18px; }
      .recruit .hero-badge-pill { font-size: 18px; }
      .recruit .hero-sub-line2 { font-size: 18px; }
      .recruit .hero-stat .val { font-size: 22px; }
      .recruit .hero-stat .lbl { font-size: 13px; }
    .recruit .person-card-text h3 {font-size: 20px;}
    .recruit .person-card-text p {font-size: 14px;}
      .recruit .hero-tags { gap: 8px; }
      .recruit .hero-tag { padding: 8px 14px; }
        .recruit .hero-bg-texture img.pc {display: none;}
      .recruit .section-title h2 { font-size: 28px; letter-spacing: -0.7px; }
        .recruit .calc-layout { flex-direction: column; }
        .recruit .calc-layout .calc-left {width: 100%;}
        .recruit .calc-layout .calc-right {width: 100%;}
        .recruit .person-card-img {height: auto;}
      .recruit .method-grid { flex-direction: column; }
      .recruit .form-field { width: 100%; }
      .recruit .apply-tabs { flex-direction: column; }
      .recruit .faq-q-text { font-size: 18px; }
      
      .recruit .job-grid { flex-direction: column; }
    .recruit .result-amount-row .num {font-size: 50px;}
    .recruit .step-text h3,
    .recruit .method-card-top h3 {font-size: 22px;}
    .recruit .step-text p,
    .recruit .method-card-top p {font-size: 14px;}
    
    .recruit .section_07 .width_con .v_con {margin: 20px 0 0 0;}
    .recruit .section_07 .width_con .v_con li {width: 100%; margin: 0 0 14px 0}
    .recruit .section_07 .width_con .v_con li:last-child {margin: 0;}
    
}
@media screen and (max-width:700px){

    #footer .f_inner {
			padding: 40px 10px;
		}
    
    
    
    .width_con {padding: 30px 10px;}
    .landing.landing_01 .section_01 .width_con {padding: 88px 16px;}
    .landing.landing_01 .section_02 .width_con {padding: 50px 16px;}
    .landing.landing_01 .section_06  .width_con {padding: 50px 16px;}
    .recruit .s-hero, .recruit .s1, .recruit .s2, .recruit .s3, .recruit .s4, .recruit .s5, .recruit .s6, .recruit .s7, .recruit .s8 { padding: 50px 14px; }
    .recruit .section_07 .width_con {padding: 30px 10px;}

    .header {z-index: 99999;}
    .header .header_pc_inner {padding: 0 10px;}

    .side_sns_bar {position: fixed; top: auto; bottom: 0; left: 0; width: 100%; height: 60px; flex-direction: row; border-right: 0; border: none; margin-top: 0; overflow:auto;}
    .side_sns_bar .side_nav_items {display: grid; grid-template-columns: repeat(5, minmax(60px, 1fr)); min-width: 300px; width: 300px;}
    .side_sns_bar .side_nav_items .side_nav_item {width: 100%;}
    .side_sns_bar ul {display: flex; justify-content: space-evenly; width: calc(100% - 60px); min-width: 300px; border-right: 0; border: none; margin-top: 0;}
    .side_sns_bar ul li {display: flex; justify-content: center; align-items: center;}
    .side_sns_bar ul li a {display: flex; justify-content: center; align-items: center;}
    .side_sns_bar ul li a img {width: 60px;}
    .side_sns_bar .btn_top {width: 60px; height: 60px; min-width: 60px; background: #E0E0E0; margin: 0; padding: 0;}
    .side_sns_bar .btn_top img {display: none;}
    .side_sns_bar .btn_top .mob_top {display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .side_sns_bar .btn_top .mob_top span {font-size: 11px; font-weight: 700; color: #0E1821;}

    .hot_maemul_panel {
		top: auto;
		bottom: 60px;
		left: 0;
		width: 100%;
		height: min(72vh, 620px);
		padding: 0;
	}

	.hot_maemul_panel_inner {
		border-radius: 24px 24px 0 0;
		box-shadow: 0 -18px 40px rgba(16, 24, 32, 0.16);
		-webkit-transform: translate3d(0, 18px, 0);
		transform: translate3d(0, 18px, 0);
	}

	.hot_maemul_panel.on .hot_maemul_panel_inner {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.hot_panel_head {
		min-height: 50px;
		padding: 0 0 0 10px;
	}

	.hot_panel_head_copy h5 {
		font-size: 16px;
	}

	.hot_panel_body {
		gap: 10px;
		padding: 10px;
	}

	.hot_maemul_copy h6 {
		font-size: 15px;
	}

	.hot_maemul_addr {
		font-size: 12px;
	}

	.hot_maemul_meta p {
		font-size: 12px;
	}

	.hot_maemul_meta p strong {
		font-size: 13px;
	}

	.hot_maemul_link {
		gap: 10px;
		padding: 10px 0;
	}

	.hot_maemul_link > img {
		width: 76px;
		height: 76px;
	}
}

@media screen and (max-width: 1199px) {
    .recruit .recruit-figma-inner { width: calc(100% - 28px); }
    .recruit .recruit-figma-heading { gap: 12px; }
    .recruit .recruit-figma-heading h2 { font-size: 32px; letter-spacing: -0.8px; }
    .recruit .recruit-figma-heading p { font-size: 14px; }

    .recruit .recruit-figma-hero { min-height: 730px; padding: 70px 0 60px; overflow: hidden; }
    .recruit .recruit-figma-hero .recruit-figma-inner { gap: 50px; }
    .recruit .recruit-hero-copy { gap: 22px; }
    .recruit .recruit-hero-badges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 8px; }
    .recruit .recruit-hero-badges li { justify-content: center; gap: 5px; padding: 8px 6px; }
    .recruit .recruit-hero-badges strong, .recruit .recruit-hero-badges span { font-size: 12px; }
    .recruit .recruit-hero-badges img { width: 13px; height: 13px; }
    .recruit .recruit-hero-copy h1 { font-size: 37px; letter-spacing: -1px; line-height: 1.25; }
    .recruit .recruit-hero-copy > p { font-size: 18px; letter-spacing: -0.45px; }
    .recruit .recruit-hero-mosaic { display: flex; width: 100%; height: 164px; flex-wrap: wrap; align-content: center; justify-content: center; gap: 4px; }
    .recruit .recruit-hero-mosaic img,
    .recruit .recruit-hero-mosaic img:nth-child(n) { position: static; width: 38px; height: 29px; margin: 0; border-radius: 2px; }
    .recruit .recruit-hero-mosaic img:nth-child(2n),
    .recruit .recruit-hero-mosaic img:nth-child(5),
    .recruit .recruit-hero-mosaic img:nth-child(11),
    .recruit .recruit-hero-mosaic img:nth-child(14) { height: 52px; }

    .recruit .recruit-structure,
    .recruit .recruit-qualification,
    .recruit .recruit-work,
    .recruit .recruit-benefit,
    .recruit .recruit-process,
    .recruit .recruit-support { padding: 60px 0; }
    .recruit .recruit-structure .recruit-figma-inner { gap: 36px; }
    .recruit .recruit-structure-heading { gap: 12px; }
    .recruit .recruit-structure-heading h2 { font-size: 30px; letter-spacing: -0.75px; }
    .recruit .recruit-structure-heading p { font-size: 14px; line-height: 1.5; }
    .recruit .recruit-structure-item { display: flex; flex-wrap: wrap; gap: 12px; padding: 18px 0; }
    .recruit .recruit-structure-item > b { font-size: 22px; }
    .recruit .recruit-structure-title h3 { font-size: 20px; }
    .recruit .recruit-structure-title p { padding: 6px 10px; }
    .recruit .recruit-structure-title p span { font-size: 12px; }
    .recruit .recruit-structure-title p strong { font-size: 18px; }
    .recruit .recruit-structure-item ul { grid-column: 2; gap: 14px; }
    .recruit .recruit-structure-item li { padding-left: 14px; }
    .recruit .recruit-structure-item li::before { top: 7px; width: 5px; height: 5px; }
    .recruit .recruit-structure-item li strong { font-size: 15px; }
    .recruit .recruit-structure-item li span { font-size: 13px; }

    .recruit .recruit-qualification .recruit-figma-inner,
    .recruit .recruit-work .recruit-figma-inner,
    .recruit .recruit-process .recruit-figma-inner,
    .recruit .recruit-support .recruit-figma-inner { gap: 32px; }
    .recruit .recruit-qualification-grid,
    .recruit .recruit-work-grid,
    .recruit .recruit-support-grid { grid-template-columns: 1fr; gap: 14px; }
    .recruit .recruit-qualification-card { padding: 12px; }
    .recruit .recruit-qualification-card > img { height: 200px; }
    .recruit .recruit-qualification-card h3 { font-size: 20px; }
    .recruit .recruit-qualification-card p { font-size: 14px; }
    .recruit .recruit-career-note { align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px; font-size: 14px; }

    .recruit .recruit-work-card,
    .recruit .recruit-work-card-content { min-height: 260px; }
    .recruit .recruit-work-card-content { padding: 18px; }
    .recruit .recruit-work-card h3 { font-size: 20px; }
    .recruit .recruit-work-card p { font-size: 14px; }
    .recruit .recruit-work-card ul { gap: 6px; }
    .recruit .recruit-work-card li { padding: 4px 7px; font-size: 11px; }

    .recruit .recruit-benefit .recruit-figma-inner { grid-template-columns: 1fr; gap: 32px; }
    .recruit .recruit-benefit-copy h2 { margin-bottom: 12px; font-size: 38px; }
    .recruit .recruit-benefit-copy > p { margin-bottom: 24px; font-size: 15px; white-space: normal; }
    .recruit .recruit-benefit-copy > strong { font-size: 76px; }
    .recruit .recruit-benefit-copy > b { font-size: 16px; }
    .recruit .recruit-benefit-copy > small { font-size: 10px; white-space: normal; }
    .recruit .recruit-benefit-card { padding: 18px; }
    .recruit .recruit-benefit-card li { gap: 12px; padding: 12px 0; }
    .recruit .recruit-benefit-card li > b { font-size: 22px; }
    .recruit .recruit-benefit-card li strong { font-size: 16px; }
    .recruit .recruit-benefit-card li p { font-size: 13px; line-height: 1.4; }

    .recruit .recruit-process-list { gap: 12px; }
    .recruit .recruit-process-list li { align-items: flex-start; gap: 14px; padding: 16px; border-radius: 14px; }
    .recruit .recruit-process-list li > b { width: 42px; height: 42px; font-size: 20px; }
    .recruit .recruit-process-list li div { gap: 6px; }
    .recruit .recruit-process-list h3 { font-size: 18px; }
    .recruit .recruit-process-list p { font-size: 13px; }

    .recruit .recruit-support-grid article { min-height: auto; padding: 16px; }
    .recruit .recruit-support-grid h3 { font-size: 18px; }
    .recruit .recruit-support-grid p { font-size: 13px; }
    .recruit .recruit-support-cta { padding-top: 32px; }
    .recruit .recruit-support-cta h3 { font-size: 26px; }
    .recruit .recruit-support-cta > p { margin-bottom: 16px; font-size: 13px; }
    .recruit .recruit-support-cta > div { width: 100%; flex-direction: column; gap: 8px; }
    .recruit .recruit-support-cta a { width: 100%; min-height: 46px; padding: 12px 18px; font-size: 14px; }
}
@media screen and (max-width:600px){
    
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios .label_con {width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_02 .set_row_desc .input_con.radios .label_con {width: 100%; margin: 0 0 20px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_02 .set_row_desc .input_con.radios .label_con:last-child {margin: 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con {width: 100%; margin: 0 0 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con:last-child {margin: 0;}
    
    
    .recruit .section_02 .width_con .v_con li {width: 100%; margin: 0 0 14px 0}
    .recruit .section_02 .width_con .v_con li:last-child {margin: 0;}
    
    .recruit .section_04 .width_con .v_con li {width: 100%; margin: 0 0 14px 0}
    .recruit .section_04 .width_con .v_con li:last-child {margin: 0;}
    
}
@media screen and (max-width:520px){

    span.btn_submit {padding: 10px 60px;}
    .login_con {min-width: 0;}
    .join_wrap.info_input .join_con ul.input_list li.file_inputs .input_con .file_con .file_row .essential,
    .join_wrap.info_input .join_con ul.input_list li .input_con.duplication .essential {right: 22%;}
    
    #page_01 .section_03 .width_con .sale_con ul.sale_list li {width: 100%; margin: 0 0 10px 0;}
    
    #page_03 .section_01 .width_con .title_con .title_txt h3 {font-size: 20px; margin: 10px 0 0 0;}
    #page_03 .section_01 .width_con .title_con .title_btn a img {width: 26px;}
    #page_03 .section_01 .width_con .title_con .title_btn a.btn_share {margin: 0 10px;}
    #page_03 .section_01 .width_con .info_con .info_rows {padding: 20px 0;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con div h6 {width: 30%; font-size: 14px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con div p {width: 70%; font-size: 14px;}
    #page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con h4 {font-size: 20px;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con form {align-items: flex-start;}
    #page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con {width: 100%;}
    #page_03 .section_01 .banner_con .img_con {height: 200px;}
    
    #page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label {width: calc(100% / 4);}
    
    
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn {margin: 0 10px 4px 0;}
    #page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list {margin: 0;}
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(1) {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(2) {width: calc(50% - 4px); margin: 4px 0 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:nth-child(3) {width: calc(50% - 4px); margin: 4px 0 0 0;}
    
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(1) {width: 100%;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(2) {width: calc(50% - 4px); margin: 4px 0 0 0;}
    .mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:nth-child(3) {width: calc(50% - 4px); margin: 4px 0 0 0;}
    
    .mypage.my_directorhome .director_set_con .set_con .set_head .tab_con {width: 100%; overflow: auto;}
    .mypage.my_directorhome .director_set_con .set_con .set_head .tab_con ul li {width: auto;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .controller {bottom: 0; border-radius: 0; box-shadow: none; width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit span {margin: 4px 0 0 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .fn_con {flex-direction: column; align-items: flex-start;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .fn_con .fn_btn_con {margin: 10px 0 0 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_rows .set_row_tit .toggle_switch {margin: 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list.li_50p li.label_con {width: 100%;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_row_06 .set_row_desc {flex-direction: column;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_row_06 .set_row_desc .input_con {width: 100%; margin: 0 0 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows .set_row_tit .toggle_switch {margin: 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios ul {flex-wrap: wrap;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios ul li {width: 100%; margin: 0 0 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios ul li label img {width: auto;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_tit .toggle_switch {margin: 10px 0;}
    .mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con span {width: 100%; text-align: right; margin: 4px 0 0 0;}
    
    .mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con {flex-wrap: wrap;}
    .mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con input {padding: 4px;}
    .mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con a.btn_write {margin: 10px 0 0 4px;}
    
    .mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con {flex-wrap: wrap;}
    .mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con input {padding: 4px;}
    .mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con a.btn_write {margin: 10px 0 0 4px;}
    
    
    .director_home .sections .width_con {padding: 30px 14px;}
    .director_home .sections .width_con .title_con h3 {font-size: 20px;}
    .director_home .sections .width_con .title_con p {font-size: 14px;}
    .director_home .section_01 .director_header .cols .director_title {display: none;}
    .director_home .section_02 .width_con .title_con {padding: 30px 14px;}
    .director_home .section_02 .width_con .title_con h2 {font-size: 20px;}
    .director_home .section_02 .width_con .title_con p {font-size: 14px;}
    .director_home .section_03 .width_con .contact_con {flex-direction: column; justify-content: center; align-items: center;}
    .director_home .section_03 .width_con .contact_con .sns_con {margin: 14px 0 0 0;}
    .director_home .section_03 .width_con .contact_con .sns_con p {display: none;}
    .director_home .section_04 .width_con .sale_con ul.sale_list li {width: 100%; margin: 0 0 10px 0;}
    
    .section_03 .width_con .banner_con a img {display: none;}
    .section_03 .width_con .banner_con a img.mob {display: inline-block;}
    
    .landing.landing_01 .section_06 .form_con .inner ul li {width: 100%; margin: 0 0 10px 0}
    
    .landing.landing_01 .section_03 .v_con li h5 {font-size: 14px;}
    
    
    .recruit .section_07 .width_con .btn_con {flex-direction: column;}
    .recruit .section_07 .width_con .btn_con a.btns {width: 100%; text-align: center;}
    .recruit .section_07 .width_con .btn_con a.btns.btn_01 {margin: 0 0 10px 0;}
    
    .popup_con .inner.add_complete .main_con .add_desc {flex-wrap: wrap;}
    .popup_con .inner.add_complete .main_con .add_desc .img_con {width: 100%;}
    .popup_con .inner.add_complete .main_con .add_desc .desc_con {width: 100%; margin: 10px 0 0 0;}
    
    .popup_con .inner.board_view .main_con .tit .writing_info {flex-direction: column; align-items: flex-start;}
        .popup_con .inner.board_view .main_con .tit .writing_info h5 {margin: 0 0 4px 0;}
        .popup_con .inner.board_view .main_con .tit .writing_info h5:last-child span {margin: 0;}
    
    .floating_popups {position: fixed; top: 50%; right: 50%; width: 100%; max-width: 330px; transform: translate(50%, -50%);}
    .floating_popups a {width: 100%; display: flex; justify-content: center;}
    .floating_popups a img {width: 100%; }
    
    
}
@media screen and (max-width:360px){
    
    .header .header_banner .slide_con.pc {display: none;}
    .header .header_banner .slide_con.mob {display: block;}
    
    
    #footer .f_inner .row.row1 .link_con .link_list li {
			margin: 0 10px 0 0;
		}

		#footer .f_inner .row.row2 .family_con select {
			width: 100%;
		}

    .social_login > div {flex-direction: column;}
    .social_login a {width: 100%;margin: 0 0 10px 0;}
    .social_login a img {height: 40px;}
    
    
}

/* Recruit mobile layout from Figma (393px reference). */
@media screen and (max-width: 1199px) {
    .recruit .recruit-figma-inner { width: calc(100% - 28px); }
    .recruit .recruit-figma-heading { gap: 10px; }
    .recruit .recruit-figma-heading h2 { font-size: 30px; letter-spacing: -0.75px; }
    .recruit .recruit-figma-heading p { font-size: 14px; letter-spacing: -0.35px; }

    .recruit .recruit-figma-hero { height: 600px; min-height: 600px; padding: 0; overflow: hidden; }
    .recruit .recruit-figma-hero .recruit-figma-inner { gap: 30px; }
    .recruit .recruit-hero-copy { gap: 20px; }
    .recruit .recruit-hero-badges { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .recruit .recruit-hero-badges li { gap: 4px; padding: 10px; }
    .recruit .recruit-hero-badges strong,
    .recruit .recruit-hero-badges span { font-size: 14px; letter-spacing: -0.35px; }
    .recruit .recruit-hero-badges img { width: 14px; height: 14px; }
    .recruit .recruit-hero-copy h1 { font-size: 30px; letter-spacing: -0.75px; line-height: 1.2; }
    .recruit .recruit-hero-copy > p { font-size: 20px; letter-spacing: -0.5px; }
    .recruit .recruit-hero-mosaic { position: relative; display: block; width: 592.857px; max-width: none; height: 250px; flex: none; margin: 0; }
    .recruit .recruit-hero-mosaic img,
    .recruit .recruit-hero-mosaic img:nth-child(n) { position: absolute; width: 59.556px; height: 44.643px; margin: 0; border-radius: 2.381px; }
    .recruit .recruit-hero-mosaic img:nth-child(1),
    .recruit .recruit-hero-mosaic img:nth-child(2),
    .recruit .recruit-hero-mosaic img:nth-child(4),
    .recruit .recruit-hero-mosaic img:nth-child(11),
    .recruit .recruit-hero-mosaic img:nth-child(12),
    .recruit .recruit-hero-mosaic img:nth-child(13),
    .recruit .recruit-hero-mosaic img:nth-child(14),
    .recruit .recruit-hero-mosaic img:nth-child(15),
    .recruit .recruit-hero-mosaic img:nth-child(16),
    .recruit .recruit-hero-mosaic img:nth-child(17),
    .recruit .recruit-hero-mosaic img:nth-child(18),
    .recruit .recruit-hero-mosaic img:nth-child(19) { height: 79.762px; }
    .recruit .recruit-hero-mosaic img:nth-child(1) { left: 333.323px; top: 136.31px; }
    .recruit .recruit-hero-mosaic img:nth-child(2) { left: 199.997px; top: 136.31px; }
    .recruit .recruit-hero-mosaic img:nth-child(3) { left: 133.33px; top: 139.286px; }
    .recruit .recruit-hero-mosaic img:nth-child(4) { left: 266.657px; top: 170.238px; }
    .recruit .recruit-hero-mosaic img:nth-child(5) { left: 199.997px; top: 85.714px; }
    .recruit .recruit-hero-mosaic img:nth-child(6) { left: 333.323px; top: 85.714px; }
    .recruit .recruit-hero-mosaic img:nth-child(7) { left: 399.99px; top: 149.405px; }
    .recruit .recruit-hero-mosaic img:nth-child(8) { left: 266.657px; top: 119.643px; }
    .recruit .recruit-hero-mosaic img:nth-child(9) { left: 466.663px; top: 99.405px; }
    .recruit .recruit-hero-mosaic img:nth-child(10) { left: 66.663px; top: 22.024px; }
    .recruit .recruit-hero-mosaic img:nth-child(11) { left: 133.33px; top: 53.571px; }
    .recruit .recruit-hero-mosaic img:nth-child(12) { left: 66.663px; top: 72.619px; }
    .recruit .recruit-hero-mosaic img:nth-child(13) { left: 466.663px; top: 13.69px; }
    .recruit .recruit-hero-mosaic img:nth-child(14) { left: 0; top: 0.298px; }
    .recruit .recruit-hero-mosaic img:nth-child(15) { right: auto; left: 533.291px; top: 0.298px; }
    .recruit .recruit-hero-mosaic img:nth-child(16) { left: 266.657px; top: 34.226px; }
    .recruit .recruit-hero-mosaic img:nth-child(17) { left: 199.997px; top: 0.298px; }
    .recruit .recruit-hero-mosaic img:nth-child(18) { left: 399.99px; top: 63.69px; }
    .recruit .recruit-hero-mosaic img:nth-child(19) { left: 333.317px; top: 0.298px; }

    .recruit .recruit-structure,
    .recruit .recruit-qualification,
    .recruit .recruit-work,
    .recruit .recruit-benefit,
    .recruit .recruit-process,
    .recruit .recruit-support { padding: 50px 0; }
    .recruit .recruit-structure .recruit-figma-inner { gap: 40px; }
    .recruit .recruit-structure-heading h2 { font-size: 30px; letter-spacing: -0.75px; }
    .recruit .recruit-structure-heading p { font-size: 16px; letter-spacing: -0.4px; }
    .recruit .recruit-structure-item { grid-template-columns: 34px 112px minmax(0, 1fr); gap: 12px; padding: 16px 0; }
    .recruit .recruit-structure-item > b { font-size: 24px; }
    .recruit .recruit-structure-title h3 { font-size: 18px; }
    .recruit .recruit-structure-item ul {width: 100%; grid-column: 3; gap: 14px; }
    .recruit .recruit-structure-item li strong { font-size: 14px; }
    .recruit .recruit-structure-item li span { font-size: 12px; letter-spacing: -0.3px; }

    .recruit .recruit-qualification .recruit-figma-inner { gap: 20px; }
    .recruit .recruit-qualification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .recruit .recruit-qualification-card { min-height: 197px; padding: 10px; border-radius: 10px; }
    .recruit .recruit-qualification-card > img { height: 100px; border-radius: 4px; }
    .recruit .recruit-qualification-card > div { gap: 10px; padding-top: 14px; }
    .recruit .recruit-qualification-card h3 { font-size: 16px; letter-spacing: -0.4px; line-height: 1.2; }
    .recruit .recruit-qualification-card p { font-size: 14px; letter-spacing: -0.35px; line-height: 1.2; }
    .recruit .recruit-career-note { align-items: center; flex-direction: row; gap: 10px; padding: 10px; font-size: 14px; letter-spacing: -0.35px; line-height: 1.3; }
    .recruit .recruit-career-note strong { padding: 6px 10px; font-size: 14px; white-space: nowrap; }

    .recruit .recruit-work .recruit-figma-inner { gap: 20px; }
    .recruit .recruit-work-grid { grid-template-columns: 1fr; gap: 16px; }
    .recruit .recruit-work-card,
    .recruit .recruit-work-card-content { min-height: 186px; }
    .recruit .recruit-work-card-content { gap: 10px; padding: 16px; }
    .recruit .recruit-work-card-content > div { gap: 10px; }
    .recruit .recruit-work-card h3 { font-size: 20px; letter-spacing: -0.5px; }
    .recruit .recruit-work-card p { font-size: 14px; letter-spacing: -0.35px; line-height: 1.35; }
    .recruit .recruit-work-card ul { gap: 10px; }
    .recruit .recruit-work-card li { padding: 5px 10px; font-size: 12px; }

    .recruit .recruit-benefit .recruit-figma-inner { grid-template-columns: 1fr; gap: 30px; }
    .recruit .recruit-benefit-copy h2 { margin-bottom: 16px; font-size: 30px; letter-spacing: -0.75px; }
    .recruit .recruit-benefit-copy > p { margin-bottom: 20px; font-size: 16px; letter-spacing: -0.4px; }
    .recruit .recruit-benefit-copy > strong { font-size: 50px; letter-spacing: -1.25px; }
    .recruit .recruit-benefit-copy > b { margin-top: 8px; font-size: 16px; }
    .recruit .recruit-benefit-card { padding: 20px 10px; }
    .recruit .recruit-benefit-card h3 { font-size: 20px; }
    .recruit .recruit-benefit-card header p { font-size: 14px; }
    .recruit .recruit-benefit-card li { gap: 16px; padding: 16px 0; }
    .recruit .recruit-benefit-card li > b { font-size: 30px; }
    .recruit .recruit-benefit-card li strong { font-size: 16px; }
    .recruit .recruit-benefit-card li p { font-size: 14px; line-height: 1.3; }

    .recruit .recruit-process .recruit-figma-inner { gap: 20px; }
    .recruit .recruit-process-list { gap: 14px; }
    .recruit .recruit-process-list li { align-items: center; gap: 14px; padding: 14px; border-radius: 20px; }
    .recruit .recruit-process-list li > b { width: 50px; height: 50px; font-size: 30px; }
    .recruit .recruit-process-list li div { gap: 10px; }
    .recruit .recruit-process-list h3 { font-size: 16px; letter-spacing: -0.4px; }
    .recruit .recruit-process-list p { font-size: 14px; letter-spacing: -0.35px; line-height: 1.3; }

    .recruit .recruit-support .recruit-figma-inner { gap: 20px; }
    .recruit .recruit-support .recruit-figma-heading h2 { font-size: 40px; letter-spacing: -1px; }
    .recruit .recruit-support-grid { grid-template-columns: 1fr; gap: 16px; }
    .recruit .recruit-support-grid article { gap: 10px; padding: 14px 10px; border-radius: 12px; }
    .recruit .recruit-support-grid h3 { font-size: 16px; letter-spacing: -0.4px; }
    .recruit .recruit-support-grid p { font-size: 14px; letter-spacing: -0.35px; }
    .recruit .recruit-support-cta { gap: 10px; padding-top: 30px; }
    .recruit .recruit-support-cta h3 { font-size: 24px; letter-spacing: -0.6px; }
    .recruit .recruit-support-cta > p { margin-bottom: 10px; font-size: 14px; letter-spacing: -0.35px; }
    .recruit .recruit-support-cta > div { gap: 12px; }
    .recruit .recruit-support-cta a { min-height: 39px; padding: 10px 20px; font-size: 16px; }
}