@media screen and (max-width:1600px){ .popup_con .inner.preview_pop {width: 100%;} } @media screen and (max-width:1200px){ .wrap {padding: 0 0 60px 0;} .header .header_pc_inner {width: 100%; margin: 0;} .header .header_pc_inner .rows.row1 {padding: 0 10px;} .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;} #footer .f_inner { width: 100%; padding: 40px 20px; } .mobile_fixed_bar {display: flex;} .width_con {width: 100%; padding: 30px 10px;} .sections.section_01 {margin: 80px 0 0 0;} #page_01 .section_01 {display: flex; justify-content: center;} #page_01 .section_01 .slide_con {width: 360px;} #page_01 .section_01 .slide_con img {display: none;} #page_01 .section_01 .slide_con img.mob {display: inline-block;} #page_01 .section_01 .slide_con .slick-prev, #page_01 .section_01 .slide_con .slick-next {z-index: 9; width: 30px; height: 30px; background: #333;} #page_01 .section_01 .slide_con .slick-prev {left: 30px;} #page_01 .section_01 .slide_con .slick-next {right: auto; left: 60px;} #page_01 .section_01 .width_con {display: none;} #page_01 .section_02 .width_con {flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 10px;} #page_01 .section_02 .width_con .title_con {width: 100%;} #page_01 .section_02 .width_con .title_con h3 {font-size: 20px;} #page_01 .section_02 .width_con .title_con h3 br {display: none;} #page_01 .section_02 .width_con .slide_con {width: 100%; margin: 10px 0 0 0;} #page_01 .section_04 .width_con .director_con ul li {width: 100%;} #page_03 .section_01 .width_con .info_con .info_rows_head {top: 80px;} #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 {margin: 70px 0 0 0;} #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;} .director_home .sections .width_con {padding: 50px 16px;} .director_home .section_01 .director_header {width: 100%; padding: 16px;} .director_home .section_03 .width_con {padding: 16px 10px;} .director_home .section_03 .width_con .info_list {width: calc(60% - 10px);} .director_home .section_03 .width_con .contact_con {width: calc(40% - 10px);} } @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%;} /*팝업 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; } #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_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.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;} .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; padding: 0;} .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);} } @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;} } @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;} /*팝업 css 영역*/ #page_01 .section_03 .width_con .sale_con ul.sale_list li {width: calc(100% / 2 - 10px);} .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: 1001;} .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 .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%;} .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;} } @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_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label {width: calc(100% / 4);} .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;} .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;} .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;} } @media screen and (max-width:360px){ #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;} }