@charset "utf-8"; /* CSS Document */ .pc{display:block;} /*pc 노출 = 테블릿, 모바일 미노출*/ .pcta{display:block;} /*pc, 테블릿 노출 = 모바일 미노출*/ .mo{display:none;} /*모바일 노출 = pc,테블릿 미노출*/ .ta{display:none;} /*테블릿, 모바일 노출 = pc 미노출*/ @media screen and (max-width: 1920px){ } @media screen and (max-width: 1450px){ #sub.my_idx .cont_area .top.seller_ot .left, #sub.my_idx .cont_area .top.seller_ot .status{height:400px;} #sub.my_idx .cont_area .top.seller_ot .status ul.circ_ul li{width:calc(33.333% - 20px); min-width:110px; max-width: 160px;} } @media screen and (max-width: 1440px){ #sub.valuation .section2 .inner{padding:100px 0 105px;} #sub.valuation .section2 .list_area > ul > li{width:46.444%; margin-top: 30px;} #sub.valuation .section2 .list_area .txt_box .price{bottom:0px;} #sub.valuation .section2 .list_area > ul > li .imgs img{width:100%;} #sub.valuation.val_detail .section1 .img_txt .txt_area .top_word{font-size:7rem;} /*#sub.mypage.registration .tab_list ul li a{padding: 0 15px;} #sub.mypage.registration .prd_list .prd_wrap{padding: 0;} #sub.mypage.registration .prd_list .prd_wrap .scale_bg{width:100%; margin:0; display:none;} #sub.mypage.registration .prd_list .prd_wrap .img_area{position:static; width:100%;} #sub.mypage.registration .prd_list .prd_wrap .info_area{width:100%; max-width: none; padding:0; margin-top:30px;} #sub.mypage.registration .prd_list .prd_wrap .info_area .top .info_list{margin-top:16px;} #sub.mypage.registration .prd_list .prd_wrap .util_area{position:static; width:100%; border-top:1px solid #f0f0f0; box-sizing:border-box; padding-top:20px;} #sub.mypage.registration .prd_list .prd_wrap .util_area .top{float:left;} #sub.mypage.registration .prd_list .prd_wrap .util_area .top a{border:1px solid #e5e5e5; padding:0 20px; height:40px; line-height:38px; margin-left:10px;} #sub.mypage.registration .prd_list .prd_wrap .util_area .top a:first-child{margin-left:0;} #sub.mypage.registration .prd_list .prd_wrap .util_area .mid{float:right; position:static; margin-top:0px;} #sub.mypage.registration .prd_list .prd_wrap .util_area .btm{clear:both; font-size:0; width:102.2%; margin-left:-2.2%; margin-top:0; padding-top:26px;} #sub.mypage.registration .prd_list .prd_wrap .util_area .btm a {width:47.8%; margin-left:2.2%; max-width:100%;}*/ #sub.mypage .tab_list ul li a{padding: 0 15px;} #sub.mypage .prd_list .prd_wrap{padding: 0;} #sub.mypage .prd_list .prd_wrap .scale_bg{width:100%; margin:0; display:none;} #sub.mypage .prd_list .prd_wrap .img_area{position:static; width:100%;} #sub.mypage .prd_list .prd_wrap .info_area{width:100%; max-width: none; padding:0; margin-top:30px;} #sub.mypage .prd_list .prd_wrap .info_area .top .info_list{margin-top:16px;} #sub.mypage .prd_list .prd_wrap .util_area{position:static; width:100%; border-top:1px solid #f0f0f0; box-sizing:border-box; padding-top:20px;} #sub.mypage .prd_list .prd_wrap .util_area .top{float:left;} #sub.mypage .prd_list .prd_wrap .util_area .top a{border:1px solid #e5e5e5; padding:0 20px; height:40px; line-height:38px; margin-left:10px;} #sub.mypage .prd_list .prd_wrap .util_area .top a:first-child{margin-left:0;} #sub.mypage .prd_list .prd_wrap .util_area .mid{float:right; position:static; margin-top:0px;} #sub.mypage .prd_list .prd_wrap .util_area .btm{clear:both; font-size:0; width:102.2%; margin-left:-2.2%; margin-top:0; padding-top:26px;} #sub.mypage .prd_list .prd_wrap .util_area .btm a {width:47.8%; margin-left:2.2%; max-width:100%;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li{width:33.333%;} } @media screen and (max-width: 1280px){ #sub.valuation .section1 .img_txt .txt_area .top_word{font-size:7rem;} #sub.mypage .inner{padding-left:290px;} #sub.my_idx .cont_area .top .left{width:100%; position:static; height:auto; padding: 20px 0; font-size:0;} #sub.my_idx .cont_area .top .left strong{display:inline-block;} #sub.my_idx .cont_area .top .left p{display:inline-block; margin-top:0; margin-left:20px; font-size:1.6rem;} #sub.my_idx .cont_area .top .right{padding-left:0;} #sub.my_idx .cont_area .top .status1{position:relative; padding-top:30px; padding-bottom:0;} #sub.my_idx .cont_area .top .status1 .status_tit{position:absolute; width:100%; box-sizing:border-box; padding: 20px 20px; top:0; left:0;} #sub.my_idx .cont_area .top .status1 .status_tit em{float:left; margin-bottom:0;} #sub.my_idx .cont_area .top .status1 .status_tit .status_list.dpn{display:block; float:right;} #sub.my_idx .cont_area .top .status1 .status_tit .status_list i{vertical-align:baseline;} #sub.my_idx .cont_area .top .status_list.dpb{display:none;} #sub.my_idx .cont_area .top.seller_ot .left{height:auto;} #sub.my_idx .cont_area .top.seller_ot .status{height:300px;} #sub.my_idx .cont_area .top.seller_ot .status ul.circ_ul li{width:calc(20% - 20px); min-width:110px; max-width: 160px;} #sub.location .section1{margin-top: 60px;} #sub.service .section1 .inner{padding-top:38px;} #sub.service .section1 .cont_wrap .tab_plc{display:none;} #sub.service .section1 .cont_wrap .tablist_mo{display:block;} #sub.service .section1 .cont_wrap .tab_box{width:100%; float:none;} #sub.service .section1 .cont_wrap .tab_box.tab_cont{padding-top:50px;} #sub.service .section1 .cont_wrap .tab_cont > ul > li {padding: 0;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid{box-sizing:border-box; padding-right:20px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid, #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm{margin-top:60px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btn{width:100%; margin-top:0; padding-top:40px; clear:both; text-align:center;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btn > div{margin-left:10px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .box .stepUp{max-width:unset; padding:0 10px; height:60px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_top p{font-size:2.4rem; line-height:1.25;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_top p .dpb{display:inline-block;} #sub.service .section1 .cont_wrap .tab_cont ul li > .txt > span{font-size:1.5rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_r span{font-size:1.5rem;} #sub.service .section1 .cont_wrap .tab_cont ul li > .txt > span .dpb{display:inline-block;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid .list p{font-size:1.5rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .btm_ps{font-size:1.5rem;} #sub.service .section2 .cont1 ul li{width:32.033%; height:350px;} #sub.service .section2 .cont1 ul li a{height: auto;} #sub.buy_idx .form_wrap .ipt_area{width:100%; padding-left:0;} #sub.buy_idx .form_wrap .ipt_area:first-child{padding-right:0;} #sub.about .section2 .cont_area .item_wrap .item_list > li{width:23.5%} } @media screen and (max-width: 1200px){ #sub.sell .section2 .cont_area ul li{padding:0;} #sub.sell .section2 .cont_area ul li a{padding:20px;} #sub.sell .section2 .cont_area ul li > div{padding:20px;} /*#sub.my_idx .cont_area .top.buyer_ot .status{height:450px;} #sub.my_idx .cont_area .top.buyer_ot .status ul.circ_ul{text-align:left;} #sub.my_idx .cont_area .top.buyer_ot .status ul.circ_ul li{width:calc(33.33% - 20px);margin-top: 20px;}*/ } @media screen and (max-width: 1140px){ } @media screen and (max-width: 1100px){ #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf{padding:20px 20px;} } @media screen and (max-width: 1024px){ .pc{display: none;} .ta{display:block;} .list_chk .chk_tab ul li a em{padding:10px 0;} .list_chk .chk_tab ul li a em b{display:block;} .list_chk .chk_tab ul li a em i{display:none;} .list_chk .chk_tab ul li a.on em{padding:15px 0;} .list_chk .chk_tab ul li a::before{height:80px;} .list_chk .chk_tab ul li a.on::before{height:90px;} /*html{font-size: 60%;}*/ #sub .tit_area p .inb{display:block;} #sub.step .form_wrap .chk_wrap > li{width:25%;} #sub.step .form_wrap .chk_wrap .radio_box label{font-size:1.5rem;} #sub.step .chk_info .file_list ul{width:calc(100% + 14px); margin-left:-14px;} #sub.step .chk_info .file_list ul li{width:calc(50% - 14px); margin-left:14px;} #sub.mypage .cont_area{margin-top:26px;} #sub.mypage .cont_area .tab_list ul li a em{font-size:1.8rem;} #sub.mypage .inner{padding-top:0; padding-left:0px; box-sizing:border-box; position:relative;} #sub.mypage .my_quick{position:static; width:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #222; margin-top:27px; overflow-x:scroll; -ms-overflow-style:none;} #sub.mypage .my_quick::-webkit-scrollbar{display:none;} #sub.mypage .my_quick > a{display:none;} /*#sub.mypage .my_quick ul{width:100%; min-width:653px; padding:15px 0 30px; box-sizing:border-box;}*/ /*#sub.mypage .my_quick ul li{float:left; margin-left:18px;}*/ #sub.mypage .my_quick ul{width:101.48%; margin-left:-1.48%; padding:15px 0; box-sizing:border-box; margin-top:-1.48%;} #sub.mypage .my_quick ul li{float:left; width:18.52%; margin-left:1.48%; margin-top:1.48%;} /*#sub.mypage .my_quick ul li:first-child{margin-left:0;}*/ /*#sub.mypage .my_quick ul li a{display:block; padding:15px 0; box-sizing:border-box;}*/ #sub.mypage .my_quick ul li a{display:block; padding:15px 0; box-sizing:border-box; border: 1px solid #e5e5e5; background-color:#fafafa;} #sub.mypage .my_quick ul li a.on{border: 1px solid #eb3f3f; background:#fff;} #sub.mypage .my_quick ul li a span{padding-left:0;} #sub.mypage .my_quick ul li a span::before{display:none;} #sub.mypage .my_quick ul li a.on span{color:#222; font-weight:500; text-align:center;} /*#sub.mypage .my_quick ul li a.on span::before{display:block; left:50%; top:unset; bottom:-12px; margin-left:-1.5px;}*/ #sub.mypage .my_quick ul li a.on span::before{display:none; left: unset; right:20px; top:50%; margin-top:-1.5px;} #sub.mypage .bbs .view{border-top:none;} #sub.mypage.my_idx .cont_area, #sub.mypage.consult .cont_area, #sub.mypage.view_page .cont_area{margin-top:0px;} #sub.mypage.application .cont_area{margin-top:10px;} #sub.mypage.my_idx .cont_area .top .bd_line {border-top:none; margin-top:0;} #sub.valuation .section1 .cont_area{margin-top:50px;} #sub.valuation .section1 .img_txt > div{width:100%;} #sub.valuation .section1 .img_txt .fl_r{padding-left:0;} #sub.valuation .section1 .img_txt .fl_l{padding:0;} #sub.valuation .section1 .img_txt .txt_area .top_word{font-size:10rem;} #sub.valuation .section1 .img_txt .txt_area .btm{margin-top:28px;} #sub.valuation .section1 .img_txt .img_area{text-align:center;} #sub.valuation .section1 .img_txt1 .txt_area{max-width:unset; padding:0; height:auto; margin-top:40px;} #sub.valuation .section1 .img_txt2{margin-top:50px;} #sub.valuation .section1 .img_txt2 .img_area{height:auto; float:none;} #sub.valuation .section1 .img_txt2 .txt_area{max-width:unset; float:none; padding: 0; margin-top:40px;} #sub.valuation .section2 .inner{padding: 60px 0 80px;} #sub.valuation .section2 .list_area > ul{width:100%; margin-left:0;} #sub.valuation .section2 .list_area > ul > li{width:100%; max-width:768px; float:none; margin:60px auto 0;} #sub.valuation .section2 .list_area > ul > li:first-child{margin-top:0;} #sub.valuation .section2{margin-top:80px;} #sub.valuation.val_detail .section .inner .btn_area{text-align:center; margin-top:50px;} #sub.about .section1 .size .inner{padding-top:50px;} #sub.about .section1 .cont_area .txt_img > div{float:none;} #sub.about .section1 .cont_area .txt_img > div:first-child{max-width:540px; margin:0 auto; padding-left:0;} #sub.about .section1 .cont_area .txt_img .img_area{width:100%;} #sub.about .section1 .cont_area .txt_img .txt_area{width:100%;} #sub.about .section1 .cont_area .top_img_mo{position:relative; padding-bottom:14.08%;} #sub.about .section1 .cont_area .txt_img img{width:63%;} #sub.about .section1 .cont_area .top_img_mo .pos_img{position:absolute; left:0; bottom:0; width:55.56%;} #sub.about .section1 .cont_area .txt_img .txt_area{margin-top:60px;} #sub.about .section1 .cont_area .txt_img .txt_area .box{margin-top:0;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box{max-width:100%;} #sub.about .section1 .cont_area .txt_img .txt_area .box .btm p{margin-top:18px;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box .top p{line-height:1.25;} /*#sub.about .section1 .cont_area .txt_img .txt_area .box .btm p:first-child{margin-top:10px;} */ #sub.about .section1 .cont_area .txt_img .txt_area .box .btn_area{margin-top:15px;} #sub.about .section2 .size .inner{padding-top:80px;} #sub.about .section2 .basic_img{width:100%;} #sub.about .section2 .cont_tit .tit_wrap span{margin-top:26px;} #sub.sell .tit_area p .inb{display:block;} #sub.sell .tit_area{padding:60px 0 55px;} #sub.sell .section1 .inner{padding:50px 0 60px;} #sub.sell .section1 .cont_area .txt_img{width:100%;} #sub.sell .section1 .cont_area .txt_img.txt_area{padding-right:0px; float:none;} #sub.sell .section1 .cont_area .txt_img.img_area{max-width:650px; padding-left:0px; margin:0 auto; float:none;} #sub.sell .section1 .cont_area .txt_area{margin-top: 60px;} #sub.sell .section1 .cont_area .txt_area p{line-height:1.25;} #sub.sell .section2 .inner{padding: 60px 0;} #sub.sell .section2 .cont_area ul li{width:50%; height:400px; padding-top:28px;} #sub.sell .section2 .cont_area ul li a.bg_rd{padding-bottom:40px;} #sub.sell .section2 .cont_area ul li > div.bg_rd{padding-bottom:40px;} #sub.sell .section2 .cont_area ul li a{padding:30px 40px;} #sub.sell .section2 .cont_area ul li > div{padding:30px 40px;} #sub.service .section2 .inner{padding-top:60px;} #sub.service .section2 .cont1 ul li a .img_box .per_img{width:60px;} #sub.service .section2 .cont2{padding-top:160px; margin-bottom:220px;} #sub.buy_idx .form_wrap .ipt_area.slide_ipt .ipt_wrap{width:100%;} #sub.valuation .section1 .img_txt .txt_area .top p{line-height:1.25;} #sub.contact .section .size .inner{padding-top: 60px;} #sub.product .warn_txt .inb{display:block;} } @media screen and (max-width: 870px){ #sub.join_idx .case_list ul{width:100%; margin-left:0;} #sub.join_idx .case_list ul li{float:left; width:100%; margin-left:0; margin-top:20px;} #sub.join_idx .case_list ul li:first-child{margin-top:0;} #sub.join_idx .case_list ul li .txt_area{height:300px;} #sub.join_idx .case_list ul li .txt_area .tit .ico{margin-top:10px;} #sub.join_idx .case_list ul li .txt_area .tit .ico img{width:63px;} #sub.join_idx .case_list ul li .txt_area .txt{margin-top:10px; padding-top:15px;} #sub.step .step_list ul li::after{display:none;} #sub.step .step_list ul li .txt{position:static;} #sub.step .step_list ul li .txt em{display:block text-align:center; width:30px; height:30px; line-height:30px; font-size:1.4rem; border-radius:15px; background:#e5e5e5; color:#fff; position:absolute; top:-15px; left:-15px;} #sub.step .step_list ul li.on .txt em{color:#fff; background:#eb3f3f;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list > li{width:31.833%;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf{padding:15px;} #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf .bot_inf{left:15px; bottom:15px;} } @media screen and (max-width: 820px){ #sub.location .sub_wrap {padding:94px 0 40px;} #sub.location .section .cont_area .top .loc_list li{width:50%; height:160px;} #sub.location .section .cont_area .top .loc_list li.bef_none:before{display:none;} #sub.location .section .cont_area .btm .trav_inf .box{box-sizing:border-box; padding:20px; height:auto;} #sub.location .section .cont_area .btm .trav_inf .box .tbc .img_inf{width:100%; text-align:left;} #sub.location .section .cont_area .btm .trav_inf .box .tbc .txt_wrap{width:100%; text-align:left; margin-left:0; margin-top:30px;} #sub.location .section .cont_area .btm .trav_inf .box .tbc .txt_wrap .txt{width:100%; margin-left:0; margin-top:20px;} #sub.location .section .cont_area .btm .trav_inf .box .tbc .txt_wrap .txt:first-child{margin-top:0;} #sub.contact .section .size .inner > .box{padding: 50px 20px 60px;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap:first-child{padding:15px 0 30px;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap{padding:20px 0;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap .ipt_box .ipt_tit{height:auto;display:block;width:100%;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.chk .ipt_box .box{width:100%; height:auto;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.chk .ipt_box .box label{width:33.333%; margin-left:0; box-sizing:border-box;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap .ipt_box .ta_tit{height: auto; line-height:1; display:block; width:100%;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap .ipt_box textarea{width:100%; margin-top: 20px; font-size:1.4rem;} .list_chk .chk_tab ul li a::before{height:68px;} .list_chk .chk_tab ul li a.on::before{height:78px;} } @media screen and (max-width: 800px){ #sub.join .form_wrap .ipt_box .in_btn input[type="text"]{padding-right:0;} #sub.join .form_wrap .ipt_box input[type="text"]{font-size:1.3rem; padding-right:0;} #sub.join .form_wrap .ipt_box input[type="text"]::placeholder{font-size:1.3rem; padding-right:0;} #sub.join .form_wrap .ipt_box .jBtn{font-size:1.3rem;} #sub.join .form_wrap .ipt_box .drp_wrap2 a{font-size:1.3rem;} } @media screen and (max-width: 768px){ .mo{display:block;} .pcta{display: none;} /*html{font-size: 56%;}*/ #sub.mypage .my_quick ul{width:101.48%; margin-left:-1.48%; padding:15px 0; box-sizing:border-box;} #sub.mypage .my_quick ul li{float:left; width:31.85%; margin-left:1.48%;} #sub.step .form_wrap .chk_wrap > li{width:33.333%;} #sub.step .chk_info .tbl_wrap table colgroup{display:none;} #sub.step .chk_info .tbl_wrap table, #sub.step .chk_info .tbl_wrap table tbody, #sub.step .chk_info .tbl_wrap table tbody tr, #sub.step .chk_info .tbl_wrap table tbody th, #sub.step .chk_info .tbl_wrap table tbody td{display:block; width:100%;} #sub.step .chk_info .tbl_wrap table tbody th{padding:17.5px 20px;} /*#sub.step .chk_info .tbl_wrap tbody th{width:100%; float:left;} #sub.step .chk_info .tbl_wrap tbody td{width:100%; float:left;}*/ #sub.about .section2 .cont_areaWrap{margin-top:27px;} #sub.about .section2 .cont_tit .tit_wrap span{margin-top:19px;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf p{font-size:1.4rem;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf b{font-size:1.6rem; letter-spacing:-0.7px;} #sub.location .section1{margin-top:40px;} #map{height:300px;} #sub.mypage .cont_area .tab_list ul li a em{font-size:1.5rem;} #sub.mypage.my_idx .cont_area .top.seller_ot .status{height:460px;} #sub.mypage.my_idx .cont_area .top.seller_ot .status ul.circ_ul li{width:calc(33.333% - 20px); min-width:110px; max-width: 160px;} #sub.mypage.my_idx .cont_area .btm .status > div{float:none; width:98.04%; margin-top:45px;} #sub.mypage.my_idx .cont_area .btm .status2_3 ul li{width:33.333%;} #sub.mypage.my_idx .cont_area .btm .status2_3 ul li.li4:before{display:none; width:33.333%;} #sub.mypage.registration .cont_area .tab_list.list_5 ul{margin-top:-8px;} #sub.mypage.registration .cont_area .tab_list.list_5 ul li{width:31.523%; margin-top:8px;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li{width:50%;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li label{font-size:1.4rem;} #sub.buy_idx .form_wrap{margin-top:30px;} #sub.buy_idx .form_wrap .ipt_tit{font-size:1.8rem;} #sub.buy_idx .form_wrap .ipt_tit2{margin-bottom:20px;} #sub.buy_idx .form_wrap .ipt_wrap{padding:30px 0;} #sub.buy_idx .form_wrap .ipt_area.drp_area .ipt_wrap{width:100%; padding:30px 0;} #sub.buy_idx .form_wrap .ipt_area.drp_area .ipt_wrap.l_ipt{padding:30px 0;} #sub.buy_idx .form_wrap .ipt_area.drp_area .ipt_wrap.l_ipt::after{display:none;} #sub.buy_idx .form_wrap table + .ipt_wrap{border-top:1px solid #f5f5f5;} #sub.buy_idx .form_wrap .chk_wrap{margin-top:-10px; width:100%; margin-left:0;} #sub.buy_idx .form_wrap .chk_wrap li{margin-left:0; width:33.333%; margin-top:10px;} #sub.buy_idx .radio_box label{font-size:1.4rem;} #sub.buy_idx .form_wrap .ipt_box textarea{height:100px; padding:10px;} #sub.buy_idx .form_wrap .ipt_box textarea::placeholder{font-size:1.3rem;} #sub.service .section2 .cont1 ul{margin-top:-10px;} #sub.buy_idx .form_wrap .btn_area{margin-top:30px;} #sub.sell .section2 .cont_area ul li{width:100%; height:auto; padding-top:28px;} #sub.sell .section2 .cont_area ul li a.bg_rd{padding-bottom:70px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid, #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm{width:100%; float:none; margin-top:40px;} #sub.service .section1 .cont_wrap .tablist_mo ul li{width:calc(50% - 10px);} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid{padding-right:0;} #sub.service .section1 .cont_wrap .tablist_mo ul li a em span{font-size:10px;} #sub.service .section2 .cont1 ul li{width:48.7%; margin-top:30px; height:auto;} #sub.service .section2 .cont1 ul li a{height:325px;} #sub.service .section2 .cont2{margin-bottom:38%;} #sub.service .section2 .cont2 ul li{width:32.03%;} #sub.service .section2 .cont2 .pos_wrap{top:30%;} } @media screen and (max-width: 700px){ #sub.login .sub_wrap{padding:94px 0 60px;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box .top p .dpb{display:inline-block;} #sub.sell .section1 .cont_area .img_area .par_word{font-size:6rem;} #sub.step .form_wrap .ipt_wrap{padding:30px 0;} #sub.step1 .section .inner{padding-top:30px;} #sub.step1 .check_box1 label{font-size:1.4rem;} #sub.step1 .radio_box label{font-size:1.4rem;} /*popup*/ .popup .tit_area h3{font-size:2.5rem;} .popup .pop_inner{padding-top:30px;} .popup1 .scroll2{padding: 25px 20px;} /*form ipt*/ .form_wrap .ipt_box em{font-size:1.4rem; margin-bottom:10px;} .form_wrap .ipt_box .email input[type="text"]{width:47.55%;} /*.form_wrap .ipt_box .email .drp_wrap2{width:47.55%; margin-top:10px; margin-left:52.45%;}*/ .form_wrap .ipt_box .email .drp_wrap2{width:100%; margin-top:10px; margin-left:0;} .form_wrap .ipt_box .email .at{height:40px; line-height:40px; font-size:12px;} .popup .form_wrap .ipt_box .email input[type="text"]{width:45.55%;} .popup .form_wrap .ipt_box .email .at{width:8.9%;} .popup .form_wrap .ipt_box .email .drp_wrap2{width:100%; margin-left:0;} .form_wrap .ipt_box input[type="text"]{height:40px; line-height:38px; font-size:1.3rem; padding:0 10px;} .form_wrap .ipt_box input[type="password"]{height:40px; line-height:38px; font-size:1.3rem; padding:0 10px;} .form_wrap .ipt_box input[type="password"]::placeholder{font-size:1.3rem;} .form_wrap .ipt_box input[type="text"]::placeholder{font-size:1.3rem;} .form_wrap .ipt_box .drp_wrap2 a{height:40px; line-height:38px; font-size:1.3rem; } .form_wrap .ipt_box .drp_wrap2 ul{top:39px;} .form_wrap .ipt_wrap{padding:20px 0;} .form_wrap .btn_area.inp2_wrap .sBtn{width:48%; margin-left:4%;} .form_wrap .agr_wrap .check_box1 label{font-size:1.3rem;} .form_wrap .agr_wrap .go_policy{width:60px; height:20px; line-height:20px; font-size:12px; margin-top:3px;} .btn_area.inp2_wrap .sBtn{width:48%; margin-left:4%;} .login_form .login_btn input[type='submit']{height:40px; line-height:40px;} .pop_cont .form_wrap .ipt_box.comp_dt > div{width:calc(100% - 20px);} .pop_cont .form_wrap .ipt_box.comp_dt .dt{padding-top:20px;} #sub.buy_idx .form_wrap .ipt_area.drp_area .drp2 .wave_txt{height:40px; line-height:40px;} #sub.step .form_wrap .ipt_add .step_tit {margin-bottom:20px;} #sub.step .form_wrap .ipt_wrap.in_2 .step_tit{margin-bottom:20px;} #sub.step .form_wrap .ipt_box input[type="text"], #sub.step .form_wrap .ipt_box .drp_wrap2{box-shadow: 4px 7px 10px 0px rgba(0, 0, 0, 0.06);} #sub.step .form_wrap .ipt_box .file_btn .sBtn{width:80px; height:40px; line-height:38px; padding:0; font-size:1.4rem;} #sub.step .form_wrap .file_box .file_btn .sBtn{width:80px; height:40px; line-height:38px; padding:0; font-size:1.4rem;} #sub.step .form_wrap .chk_wrap > li{margin-top:10px;} #sub.step .form_wrap .ipt_box .in_sp span{height:40px; line-height:40px; font-size:1.4rem;} #sub.step .form_wrap .ipt_box .in_sp span.with_file{right:100px;} #sub.step .form_wrap .msg_list ul li{font-size:1.3rem;} #sub.join .form_wrap .ipt_box:not(.pic){width:100%; margin-left:0;} #sub.join .form_wrap .ipt_box .jBtn{height:40px; line-height:38px;} #sub.join .form_wrap .ipt_box input[type="password"]{font-size:1.3rem;} #sub.join .form_wrap .ipt_box input[type="password"]::placeholder{font-size:1.3rem;} #sub.join .form_wrap .chk_wrap .check_box1 label{font-size:1.3rem;} #sub.join .form_wrap .ipt_box .email .chk_btn .drp_wrap2{margin-top:10px; box-shadow:none;} #sub.join .form_wrap .ipt_box > div:not(.email, .agrBox){width:100%; margin-top: 20px; margin-left:0;} #sub.join .form_wrap .ipt_box > div:not(.email, .agrBox):first-child{margin-top:0;} #sub.join .form_wrap .ipt_box .email .e_wrap{width:100%;} #sub.join .form_wrap .ipt_box .email .chk_btn{width:100%; padding-right:0; margin-left:0;} #sub.join .form_wrap .ipt_box .email .chk_btn .jBtn{position:static; margin-top: 10px; width: 100%;} #sub.join .form_wrap .ipt_box .drp_wrap2 a{font-size:1.3rem;} #sub.join .form_wrap .chk_wrap > div{width:100%; margin-left:0;} #sub.rewrite .form_wrap .ipt_box .cell_confirm .jBtn{height:40px; line-height:38px; font-size:1.3rem;} /*form rewrite*/ #sub.rewrite .form_wrap .ipt_box .email .drp_wrap2{width:49.7%; margin-top:10px;} #sub.rewrite .form_wrap .ipt_box .email .jBtn{margin-left:0.6%; width:49.7%; margin-top:10px; height:40px; line-height:38px; font-size:1.3rem;} #sub.rewrite .form_wrap .ipt_box .email input[type="text"]{width:calc(50% - 11.5px); max-width:unset;} #sub.rewrite .wd_area{height:auto; padding: 20px; box-sizing:border-box;} #sub.rewrite .wd_area .box.txt_box{text-align:center;} #sub.rewrite .wd_area .box.rwbtn_box{margin-left:0; margin-top: 10px; display:block;} } @media screen and (max-width: 630px){ #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid .site li{max-width:unset;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list > li{width:48.5%;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf{padding:20px;} #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf .bot_inf{left:20px; bottom:20px;} } @media screen and (max-width: 570px){ #main .main_visual .txt_area .mid .txt .slide_txt > div.slide_right{display:block; margin-top:12px;} #main .main_visual .txt_area .mid .txt .slide_txt > div.slide_right p{height:auto; line-height:1;} #sub.complete .re_txt p .inb{display:block;} #sub.step .step_list ul li .txt{height:40px; line-height:40px;} #sub.step .step_list ul li .txt em{width:20px; height:20px; line-height:20px; font-size:10px; border-radius:10px; top:-10px; left:-10px;} #sub.step .step_list ul li.on .txt em{color:#fff; background:#eb3f3f;} #sub.step .step_list ul li .txt span{font-size:1.4rem;} #sub.s_result .section1 .re_txt strong{font-size:2rem;} #sub.s_result .section1 .re_txt span{font-size:1.4rem; margin-top:10px;} #sub.s_result .section1 .notice_box .box ul li{font-size:1.3rem;} #sub.valuation .tit_area p{line-height:1.25; margin-top:8px;} #sub.valuation .tab_area ul{width:101.14%; margin-left:-1.14%;} #sub.valuation .tab_area ul li{width:48.86%; margin-left:1.14%;} #sub.valuation .tab_area ul li a{height:40px; line-height:38px; font-size:1.4rem;} #sub.valuation .section1 .cont_area{margin-top:30px;} #sub.valuation .section1 .img_txt .txt_area{margin-top:30px;} #sub.valuation .section1 .img_txt .img_area{text-align:left;} #sub.valuation .section1 .img_txt .fl_r img {max-width:340px; width:100%;} #sub.valuation .section1 .img_txt .txt_area .top_word{font-size:7rem;} #sub.valuation .section1 .img_txt .txt_area .top p{font-size:2rem;} #sub.valuation .section1 .img_txt1 .txt_area .top p .dpb{display:inline-block;} #sub.valuation .section1 .img_txt .txt_area .btm{margin-top:8px;} #sub.valuation .section1 .img_txt .txt_area .btm p{font-size:1.4rem;} #sub.valuation .section1 .img_txt2 .txt_area .top .dpb{display:inline-block;} #sub.valuation .section1 .img_txt2 .txt_area .top .inb{display:block;} #sub.valuation .section2{margin-top:28px;} #sub.valuation .section2 .inner{padding:30px 0;} #sub.valuation .section2 .list_area > ul > li .imgs {display:inline-block;} #sub.valuation .section2 .list_area > ul > li .imgs img{max-width:300px;} #sub.valuation .section2 .btn_area a{max-width:180px; padding:0;} #sub.valuation .section2 .tit_s h3{font-size:1.8rem;} #sub.valuation .section2 .list_area .txt_box .info ul li{font-size:1.4rem;} #sub.valuation .section2 .list_area .txt_box .price{right:unset; left:307px;} #sub.valuation .section2 .btn_area{margin-top: 28px;} #sub.valuation.val_detail .section .inner{padding:35px 0 50px;} #sub.valuation.val_detail .section .inner .btn_area{margin-top:40px;} #sub.valuation.val_detail .section1 .img_txt1 .txt_area .top p .dpb{display:block;} #sub.valuation.val_detail .section1 .img_txt2 .txt_area .top p .dpb{display:block;} #sub.valuation.val_detail .section .img_txt2 .img_area{height:auto;} #sub.valuation.val_detail .section1 .img_txt .txt_area .top_word{font-size:6rem;} #sub.mypage.my_idx .cont_area .top.buyer_ot .status{height:auto; padding:20px;} #sub.mypage.my_idx .cont_area .top.buyer_ot .status1 .status_tit{position:static; padding:0px;} #sub.mypage.my_idx .cont_area .top.buyer_ot .status ul.circ_ul{text-align:left;} #sub.mypage.my_idx .cont_area .top.buyer_ot .status ul.circ_ul li{width:calc(33.33% - 20px); margin-top: 20px; min-width:unset;} } @media screen and (max-width: 540px){ /* html{font-size: 54%;} */ #sub.step .chk_info .tbl_wrap tbody th, #sub.step .chk_info .tbl_wrap tbody td{padding:14px 6px;} #sub.support_policy .section table tbody tr > td{font-size:1.4rem;} #sub.support_policy .section2 .cont0 table thead tr th{font-size:2.4rem; text-align:left;} #sub.support_policy .section2 .cont .tit em{font-size:2.4rem;} #sub.support_policy .section2 .cont ul li{font-size:1.4rem;} .list_chk .chk_tab ul li a .chk_cnt{width:18px; height:18px; line-height:18px; font-size:11px; top:0; margin-top:10px;} .list_chk .chk_tab ul li a.on .chk_cnt{margin-top:15px;} .list_chk .chk_tab ul li a::before{height:60px;} .list_chk .chk_tab ul li a.on::before{height:70px;} #sub.join_idx .case_list ul li .txt_area{height:250px;} #sub.join_idx .case_list ul li .txt_area .tit .ico img{width:40px; height:50px;} #sub.s_result .section1 .notice_box .box{padding:40px 20px;} #sub.step .form_wrap .chk_wrap > li .radio_box label{font-size:1.4rem;} #sub.step .form_wrap .step_tit h3{font-size:2rem;} #sub.step .form_wrap .step_bot{margin: 2px 0 10px;} #sub.step .form_wrap .step_bot em{font-size:1.3rem;} #sub.step .form_wrap .ipt_box .in_sp span {font-size:1.4rem;} #sub.step .form_wrap .btn_area{margin-top:30px;} #sub.step .form_wrap .ipt_box > div:not(.email){float:left; width:100%; margin-left:10px; margin-top:10px;} #sub.step .form_wrap .ipt_box > div:not(.email):first-child{margin-top:0;} #sub.mypage .sub_wrap{padding:70px 0 60px;} #sub.mypage .my_quick ul li a.on span{font-size:1.4rem;} #sub.contact .section .size .inner{padding-top: 40px;} #sub.contact .section .box .tit_area h3{font-size:2.4rem;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap:first-child{padding:20px 0 20px;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.email .ipt_box .box{width:100%;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.email .ipt_box .box input[type='text']{width:calc(50% - 15px);} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.email .ipt_box .box .drp_wrap2{width:100%; margin-left:0;} #sub.contact .section .box .cont_area .ipt_area .ipt_wrap.chk .ipt_box .box label{width:50%;} #sub.about .section .top_word{font-size:7rem;} #sub.about .section1 .size .inner{padding-top:38px;} #sub.about .section1 .cont_area .txt_img .txt_area{margin-top:30px;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box {padding-top:33px;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box .top p{font-size:2rem;} #sub.about .section1 .cont_area .txt_img .txt_area .box .btm{margin-top:10px;} #sub.about .section1 .cont_area .txt_img .txt_area .box .btm p{font-size:1.4rem;} #sub.about .section2 .size .inner{padding-top:40px;} #sub.about .section2 .cont_tit .tit_wrap{padding-top:29px;} #sub.about .section2 .cont_tit .tit_wrap p{font-size:2rem;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list{width:calc(100% + 6px); margin-left:-6px; margin-top:-6px;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list > li{width:calc(50% - 6px); margin-left:6px; margin-top:6px;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf{padding:20px 20px;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf b{margin-top: 8px;} #sub.location .section .cont_area .top .loc_list li span{font-size:1.3rem;} #sub.location .section .cont_area .btm .trav_inf .box .tbc p{font-size:1.4rem;} #sub.sell .tit_area p{font-size:1.4rem;} #sub.sell .tit_area {padding:47px 0 44px;} #sub.sell .tit_area .word_img img{width:240px;} #sub.sell .tit_area .ipt_area{margin-top:30px;} #sub.sell .tit_area .ipt_area .ipt_wrap{height:40px;} #sub.sell .tit_area .ipt_area .ipt_wrap input[type='text']{width:calc(100% - 100px); line-height:36px; font-size:12px;} #sub.sell .tit_area .ipt_area .ipt_wrap input[type='text']::placeholder{font-size:12px;} #sub.sell .tit_area .ipt_area .ipt_wrap input[type='submit']{width:100px; line-height:36px; font-size:12px;} #sub.sell .section1 .inner{padding:50px 0 30px;} #sub.sell .section1 .cont_area .txt_area{margin-top:32px;} #sub.sell .section1 .cont_area .img_area .img_r{padding-left:20px;} #sub.sell .section1 .cont_area .img_area .par_word{font-size:4rem;} #sub.sell .section1 .cont_area .txt_area:before{width:37px; height:20px; background-size: contain;} #sub.sell .section1 .cont_area .txt_area p{font-size:2rem;} #sub.sell .section1 .cont_area .txt_area span{font-size:1.4rem; margin-top:26px;} #sub.sell .section1 .cont_area .img_area .img_l .img{margin-top:32px;} #sub.sell .section1 .cont_area .txt_area .sp_wrap{margin-top:14px;} #sub.sell .section2 .inner{padding: 28px 0;} #sub.sell .section2 .tit:after{margin:15px auto 0;} #sub.sell .section2 .tit em{font-size:2rem;} #sub.sell .section2 .cont_area ul li .ico1 img{width:28px;} #sub.sell .section2 .cont_area ul li .ico2 img{width:32px;} #sub.sell .section2 .cont_area ul li .ico3 img{width:30px;} #sub.sell .section2 .cont_area ul li .ico4 img{width:40px;} #sub.sell .section2 .cont_area ul li .ico5 img{width:35px;} #sub.sell .section2 .cont_area ul li .box em{font-size:1.6rem; margin-top:7px;} #sub.sell .section2 .cont_area ul li .box p{font-size:1.4rem; margin-top:4px;} #sub.sell .section2 .cont_area ul li .box span{font-size:1.3rem; margin-top:9px;} #sub.sell .section2 .cont_area ul li a.bg_rd{padding-bottom:50px;} #sub.sell .section2 .cont_area ul li > div.bg_rd{padding-bottom:50px;} #sub.sell .tit_area .ipt_area .ipt_wrap input[type='submit']{background-size:18px;} #sub.buy_idx .list_chk .chk_tab ul li a{padding:0;} #sub.service .section1 .inner{padding-top:40px;} #sub.service .section1 .cont_wrap .tab_box.tab_cont{padding-top:30px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_top p{font-size:2rem;} #sub.service .section1 .cont_wrap .tab_cont ul li > .txt > span{font-size:1.4rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid .list p{font-size:1.4rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .btm_ps{font-size:1.4rem;} #sub.service .section1 .cont_wrap .tab_cont ul li > .txt > strong{font-size:1.8rem;} #sub.service .section1 .cont_wrap .tablist_mo ul li a{padding:14px 10px;} #sub.service .section1 .cont_wrap .tablist_mo ul li a .tab_img{right:10px;} #sub.service .section1 .cont_wrap .tablist_mo ul li a em b{font-size:1.4rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid, #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm{margin-top:30px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_mid .list{margin-top:14px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li > .box{padding: 20px 20px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_l{width:auto; position:static; margin:0;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_r{width: auto; float:none; margin-top: 10px; padding-left:0;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_r span{font-size:1.4rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_l .cont{width:50px; height:50px;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_l .cont span{font-size:1.2rem;} #sub.service .section1 .cont_wrap .tab_cont ul li .txt_btm .step_area .step_wrap li .box .step_l .cont p{font-size:1.8rem;} #sub.service .section2 .inner{padding-top:30px;} #sub.service .section2 .cont1{padding-top:26px;} #sub.service .section2 .cont_tit .tit_wrap span{margin-top:20px;} #sub.service .section2 .cont1 ul li a{height:auto;} #sub.service .section2 .cont2 ul li a .txt_box em{font-size:1.2rem;} #sub.mypage.my_idx .cont_area .top.seller_ot .status{height:auto; padding:20px;} #sub.mypage.my_idx .cont_area .top.seller_ot .status ul.circ_ul{text-align:left;} #sub.mypage.my_idx .cont_area .top.seller_ot .status ul.circ_ul li{margin-top: 20px; min-width:unset;} #sub.mypage.my_idx .cont_area .top.seller_ot .status1 .status_tit{position:static; padding:0px;} #sub.mypage.my_idx .cont_area .top .left strong{font-size:1.8rem;} #sub.mypage.my_idx .cont_area .top .left p{font-size:1.4rem; margin-left:6px;} #sub.mypage.my_idx .cont_area .top .status1 .status_tit .status_list p{font-size:1.4rem;} #sub.mypage.my_idx .cont_area .top .status1 .status_tit .status_list p i{font-size:1.4rem;} #sub.mypage.my_idx .cont_area .top .status1 .status_tit .status_list ul li{margin-left:8px;} #sub.mypage .tab_list ul li a{padding:0 6px;} #sub.mypage .tab_list ul li a{height:40px; line-height:38px;} #sub.mypage .tab_list ul li a b{margin-top:7px;} #sub.mypage .tab_list.list_4 ul li{width:48.52%; margin-top:8px;} #sub.mypage .prd_list .prd_wrap .util_area .top a{height:34px; line-height:32px; padding: 0 10px; margin-left: 5px;} #sub.mypage .prd_list .prd_wrap .util_area .top a.chk_like em{background-size:15px 14px;} #sub.mypage .prd_list .prd_wrap .util_area .top a.chk_wish em{background-size:8px 13px;} #sub.mypage .prd_list .prd_wrap .info_area .top .info_list ul li .box{padding: 12px 0;} #sub.mypage .prd_list .prd_wrap .util_area .btm{padding-top:10px;} #sub.mypage .cont_area .top_info .drp_wrap2 a{width:140px; height:40px; line-height:38px; font-size:1.3rem;} #sub.mypage .cont_area .top_info .drp_wrap2 ul{top:39px;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li{font-size:0; height:26px;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li label{font-size:1.3rem; padding-left: 16px; padding-right: 5px;} #sub.mypage.rewrite .cont_area .top .list_chk .chk_inner ul li label:before{width:12px; height:12px; border-radius:6px; margin-top:-6px;} #sub.mypage.rewrite2 .top .txt em{font-size:2rem;} #sub.mypage.rewrite2 .top .txt span{font-size:1.4rem;} #sub.join_idx .form_inner{padding: 40px 0;} .prd_list .prd_wrap .util_area .top a em, .prd_list .prd_wrap .util_area .top a span{font-size:1.4rem;} .pop_cont .form_wrap .ipt_box:not(.pic){width:calc(100% + 8px); margin-left:-8px;} /*.pop_cont .form_wrap .ipt_box > div:not(.email, .textarea, .dt){width:calc(50% - 8px); margin-left:8px;}*/ .pop_cont .form_wrap .ipt_box > div:not(.email){width:calc(100% - 8px); margin-left:8px;} .pop_cont .form_wrap .ipt_box > div:not(.email, .textarea, .dt){margin-top:8px;} .pop_cont .form_wrap .ipt_box > div:not(.email, .textarea, .dt):first-child{margin-top:0px;} .form_wrap .ipt_box textarea{font-size:1.4rem;} .form_wrap .ipt_box textarea::placeholder{font-size:1.4rem;} .form_wrap .ipt_box .drp_wrap2 a{padding:0 10px; background-position:right 10px top 50%;} } @media screen and (max-width: 480px){ #sub.step .form_wrap .chk_wrap > li{width:50%;} #sub.about .section1 .cont_area .txt_img .txt_area .txt_box .top p .dpb{display:inline-block;} #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf .bot_inf li{margin-top:6px; font-size:1.3rem;} } @media screen and (max-width: 460px){ .popup1 .form_etc{padding: 30px 20px;} .form_wrap .agr_wrap .go_policy{font-size:10px; width:50px; margin-left: 6px;} #sub.my_idx .cont_area .top .status1 .status_tit em{float:none;} #sub.my_idx .cont_area .top .status1 .status_tit .status_list.dpn{float:left; margin-top:6px;} #sub.my_idx .cont_area .top .status1 .status_tit .status_list.dpn ul{float:left} } @media screen and (max-width: 450px){ #sub.valuation .section2 .list_area > ul > li{max-width:300px; margin-top:30px;} #sub.valuation .section2 .list_area .txt_box .price{position:static; margin-top:5px;} } @media screen and (max-width: 430px){ html{font-size: 55%;} #sub.sell .tit_area .ipt_area .ipt_wrap input[type='text']{padding:0 5px;} #sub.sell .section1 .cont_area .img_area .img_l .img .stick span{font-size:10px;} #sub.sell .section2 .cont_area ul li a{padding:10px 40px;} #sub.sell .section2 .cont_area ul li > div{padding:10px 40px;} #sub.buy_idx .list_chk .chk_tab ul li a em {font-size:1.5rem;} #sub.my_idx .cont_area .status1 ul li p b{font-size:2rem;} #sub.mypage.my_idx .cont_area .top.buyer_ot .status ul.circ_ul li, #sub.mypage.my_idx .cont_area .top.seller_ot .status ul.circ_ul li{width:calc(33.33% - 10px); margin-left:10px; margin-top:10px;} #sub.my_idx .cont_area .btm .status .statu_tit a:after{background-size:contain; background-position:center center; width: 7px; height:9px;} #sub.about .section2 .cont_areaWrap .cont_area .item_wrap .item_list li .item_inf{padding:10px;} #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf .bot_inf{left:10px; bottom:10px;} } @media screen and (max-width: 390px){ #sub.mypage.my_idx .cont_area .top .left strong{display:block;} #sub.mypage.my_idx .cont_area .top .left p{margin-left:0; margin-top:6px;} #sub.about .section2 .cont_area .item_wrap .item_list li .item_inf {height:200px;} } @media screen and (max-width: 375px){ html{font-size: 50%;} #sub.sell .section2 .cont_area ul li a.bg_rd{padding-bottom:40px;} #sub.service .section1 .cont_wrap .tablist_mo ul li a{padding: 14px 6px;} #sub.service .section1 .cont_wrap .tablist_mo ul li a .tab_img{right:6px;} } @media screen and (max-width: 320px){ html{font-size: 42%;} }