/*공통*/
.footer{clear:both; background:#fff}
.clear{clear:both}
.bar{display:flex; align-items:center; justify-content:space-between; margin-bottom:50px; color:#666; margin:10px 0}/*상품 상세 하단 여백이 없어서 마진 추가251224*/
.bar p{font-size:14px}
.bar a{color:#666}
.bar .on{font-weight:bold; color:var(--main-color)}
.bar .align{display:flex; align-items:center; justify-content:flex-end; gap:20px; }
.bt_gotop img{height:60px}
input[type=submit] {
    cursor: pointer;
}
.left .depth2 li a{font-size:var(--text-lg); padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    text-decoration: none;
    color: #666;
    transition: .3s;
    line-height: 1.2;}
.left .depth2 li:last-child a{border-bottom: 1px solid #ddd;}
.paging{text-align:center; margin-top:50px; display:flex; clear:both; align-items:center; justify-content:center; gap:10px }
.paging a{width:30px; height:30px;align-items:center; justify-content:center; display:flex; color:#333}
.paging .on{color:#0099ff}
.paging .bt{border:1px solid #ddd; border-radius:5px}
ul, li, dl, dt, dd{list-style:none; margin:0; padding:0}
button{border:0; outline:none; cursor:pointer}
ol{margin:0; padding:0}
.a_center{text-align:center !important}
.onepage{width:100% !important; max-width:1510px}
.onepage .main_title{text-align:center !important}
.onepage .bar{justify-content:end; position:absolute; right:0; top:0}
.onepage .list_bar{position:relative; right:auto; top:auto; display: flex;
    justify-content: space-between;
}
.my_c2_box{margin:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.my_c2_box ul{width:100%; display:flex; justify-content:center; align-items:center}
.my_c2_box li{line-height:50px; text-align:center}
.my_c2_box a{color:#333; width:100%; display:block}
 a{color:#333}
 h3{font-size:24px}
 .sub_hd2{position:absolute}
.left .sub{display:flex; justify-content:center; gap:1rem; margin-top:0} 
.left .sub a{border-bottom:0;     padding: 10px 10px;
   
    text-decoration: none;
    color: #666;
    transition: .3s; line-height:1.2; font-size: var(--text-sm);}
.left .sub .on a{color:var(--main-color)}	
section{padding:50px 0}
#container, .wrap_newm0101, .wrap_location, .newwrap_m0202, .new_wrap_m0203, .wrap_m0205 .section4, .new_wrap_m0204, .wrap_m0203, .title_partition{margin-top:83px}
.m0102{margin-top:33px}
.left .sub{margin-bottom:83px}
.wrap_newm0101 .section1{padding:0 0}
.wrap_location h3{margin-top:0}
.new_wrap_m0203 .section3, .wrap_m0205 .section4, .m0204_row1{margin-bottom:83px}

/*AI*/
.translated-ltr .wrap_ai .section4 li .div_fit{word-break:break-all}

/*FAQ*/
.wrap_m0602 .wrap_m0301 .faq-question .arrow{color:white !important}

/*1:1맞춤상담*/
.wrap_m0502 textarea{width:100%; height:150px; margin:0 0 0.5rem 0; box-sizing:border-box}
.wrap_m0502 .ul_agree{display:flex; justify-content:space-between; border-bottom:1px solid #ccc; padding-bottom:20px}
.wrap_m0502 .ul_agree li{width:calc(50% - 2rem)}
.wrap_m0502 .title{font-size: var(--text-xl); margin:0 0 1rem 0}
.wrap_m0502 .line{border-bottom:1px solid #ccc; display:flex; align-items:center; padding:0.5rem 0}
.wrap_m0502 .line h2{width:20%}
.wrap_m0502 .line input[type="text"], .wrap_m0502 .line textarea{ width:80%}
.wrap_m0502 .wrap_check{display:flex; gap:1rem}

/*검색*/
.wrap_ddform2{ display:flex; justify-content:center; align-items:center; gap:5px; margin:30px 0; border:1px solid #ccc; background:#f8f8f8; padding:20px; border-radius:10px }
.wrap_ddform2 input, .wrap_ddform2 select{height:35px; box-sizing:border-box; border-radius:5px}
.wrap_ddform2 .wrap_date{display:flex; align-items:center; gap:5px}
.my_p_2b_d{display:flex; gap:10px; margin-top:10px}
.my_p_03_con{white-space:nowrap}
.bt_delete{background-color:#eeeeee;color:#000000;text-align:center;padding:3px 5px; cursor:pointer; width : 90%; margin : 10px auto 10px; text-decoration:none !important; display:block}
.wrap_ddform2 .bt_excel, .bt_excel{ background:white; border:1px solid #333}
.wrap_ddform2 .bt_down, .bt{ background:white; border:1px solid #333}
#paymentall1{ background:#0099ff; color:white}
.my_p_b4_bt{display:flex}
.wrap_ddform2 .search1{width:349px;padding-left:5px}
.wrap_ddform2 .search2{border:0px;padding:5px 20px;background-color:#0099ff;color:#ffffff;font-size:14px;cursor:pointer}
/*list*/
.main_title{margin-bottom:50px; font-size:28px; text-align:center}
.list .item img{max-width:100%}
.list .item .img{border-radius:20px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin-bottom:10px; border:1px solid #eee}
.list .item .img img{    width: auto;
    height: auto;
  width:100%;
    margin: 0 auto;
    display: block;}
.list .item .title{color:#333; font-weight:500; white-space:nowrap; overflow:hidden; display:block; width:100%; text-overflow:ellipsis; text-align:left; font-size:18px; font-weight:700}
.list .item .script{margin:0 0; padding:0 0}
.list .item .last_txt{display:flex; justify-content:space-between; align-items:center}
.list .item .last_txt span{display:none}
.list  .item .last_txt .span_sale{display: block}
.list  .item .last_txt .span_sale span{ font-weight:700; color:#0099ff}
.list  .item .script{color:#999; text-align:left; font-size:14px}
.list  .item img{width:100%; height:210px;}

/*로그인*/
.mbskin_box .btn_submit{ background:#111;     display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;}
.mbskin_box .btn_submit:hover{background:var(--main-color)}

/*부가서비스*/
.t_air .tr_bg{ background:#e6eeff}

/*상품리스트*/
.translater{ margin:0 0 0 1rem; display:inline-flex; align-items:center; gap:0.5rem}

/*상품상세*/
.layout_item{width:1200px}
.layout_item .item_info{display:flex; gap:50px; margin-bottom:50px}
.layout_item .item_info .wrap_img{width:50%}
.layout_item .item_info .wrap_img .img{max-width:100% !important}
.layout_item .img, .layout_item .info{width:calc(50% - 25px)}
.layout_item .img{border-radius:50px; border:1px solid #ddd; box-shadow:10px 10px 15px rgba(0,0,0,0.1); overflow:hidden; width:100%; text-align:center}
.layout_item .img .arrow_down img{height:50px; margin:0 auto}
.layout_item .img img{width:100%}
.layout_item .item_info .info div{padding:10px 0}
.layout_item .item_info .info .wrap_bt{ display:flex; gap:20px; align-items:center}
.layout_item .item_info .info .wrap_bt button{display:flex; align-items:center;  justify-content:center;width:30px; height:30px; border-radius:100%; border:1px solid #222; background-color:transparent}
.layout_item .item_info .info .wrap_bt #bt_wish{font-size:20px;width:50px; height:50px; }
.wrap_calculator input{ border:1px solid #666; font-size:18px}
.layout_item .item_info .info .wrap_bt #bt_wish .fa{transform-style: preserve-3d;
    animation: flip 3s linear infinite;}
.layout_item .item .ul_flex{width:100%; display:block; align-items:center} 	
.layout_item .item .ul_flex li{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1; display:flex; align-items:center; justify-content:center; margin-top:-1px}
.layout_item .item .ul_flex li span, .layout_item .item .ul_flex li p{ padding:10px; width:50%; box-sizing:border-box; text-align:center}
.layout_item .item .ul_flex li span{background:#f8f8f8}
.arrow_down{padding:1rem 0}
 @keyframes flip {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
  }	
.layout_item .item_info .info .wrap_bt button img{width:95%}
.layout_item .item_info .info .wrap_bt .bt_selected{color:red; border-color:red}
.layout_item .item_info .info .wrap_bt2{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between}
.layout_item .item_info .info .wrap_bt2 button, .layout_item .item_info .info .wrap_bt2 input{ width:calc(33.33% - 10px); height:50px; border-radius:5px; font-size:18px; margin-bottom:10px; border:1px solid #0099ff; background-color:white; color:#0099ff}
.layout_item .item_info .info .wrap_bt2 .bt_selected, .layout_item .item_info .info .wrap_bt2 .on{ background-color:#0099ff; color:white}
.layout_item .item_info .info .wrap_bt2 .bt_buy{border:1px solid #0099ff}
.layout_item .wrap_bt3 .bt_list{background:#fff; color:#666; border:1px solid #666}
.layout_item .item_info .info .wrap_bt2 .bt_buy,  .bt_buy, .item_qa_count, .item_use_count, #sbtn, .bt_register{ color:white; background:#0099ff}
.layout_item .item_info .info .wrap_bt2 .bt_buy:hover{ background:linear-gradient(135deg, #0099ff, #c80099)}
.layout_item .tab_tit li .item_qa_count, .layout_item .tab_tit li .item_use_count{border-radius:100%; width:25px; height:25px; display:flex; justify-content:center; align-items:center; position:absolute; top:-20px; font-size:11px; right:-20px}
.layout_item .tab_tit{ display:flex; align-items:center; justify-content:space-between; width:100%}
.layout_item .tab_tit li{width:25%}
.bt_similar{color:#222; border:1px solid #222; ; border-radius:30px; padding:10px 20px}
.bt_similar:hover{ color:var(--main-color); border:1px solid var(--main-color)}
.layout_item .tab_tit li span{position:relative; display:inline-block}
.layout_item .tab_tit li button{width:100%; height:50px; background-color:transparent; border:0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; position:relative}
.layout_item .wrap_bt3, .wrap_bt3{display:flex; align-items:center; justify-content:center; width:100%; gap:10px; margin-top:50px}
.layout_item .wrap_bt3 button, .wrap_bt3 button, .wrap_bt3 input[type=button], .wrap_bt3 .btn01, #sbtn, .bt_register{ width:150px; height:50px; border-radius:5px; font-size:16px; border:0; display:flex; justify-content:center; align-items:center; gap:10px}
.bt_list{background:#F2EBFF}
.bt_wish{background:#ffcdc8}
.wrap_bt3 .btn01{background:#ddd; color:#333}
.layout_item .item_info .info .wrap_bt button, .layout_item .item_info .info .wrap_bt2 button, .layout_item .item_info .info .wrap_bt3 button, .layout_item .wrap_bt3 button{ display:flex; align-items:center; justify-content:center; gap:10px}
.layout_item .item_info .info .wrap_bt button img, .layout_item .item_info .info .wrap_bt2 button img, .layout_item .item_info .info .wrap_bt3 button img, .layout_item .wrap_bt3 button img, .wrap_bt3 button img{height:25px}
.layout_item .wrap_flex{ display:flex; align-items:flex-start; justify-content:space-between}
.layout_item .wrap_flex .wrap_bt{gap:10px}
.layout_item .main_title{text-align:left; font-size: var(--text-3xl);
    margin: 0 10px 0 0; line-height:1.2}
.layout_item .item_info .info .product_num, .layout_item .wrap_flex .review, .layout_item .wrap_flex .wrap_bt{border-bottom:0 !important}
.layout_item .wrap_img .ul_thumb{display:flex; width:100%; align-items:center; justify-content:flex-start; margin:30px 0 0 0; gap:10px}
.layout_item .wrap_img .ul_thumb img{height:100%}
.layout_item .wrap_img .ul_thumb li{border: 1px solid #ddd;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); border-radius:5px; overflow:hidden; height:80px}
.layout_item  #bt_view:hover .selected_table{display:block}	
	.layout_item .dl_option{display:flex; flex-wrap:wrap; width:100%}
            .layout_item .dl_option dt{width:20%; font-weight:700}
			.layout_item .dl_option dd{width:80%}
			.layout_item .dl_option .dd_color{display:flex; flex-wrap:wrap}
			.layout_item .dl_option .dd_color img{width:auto !important; height:50px}
			.layout_item .dl_option dt, .dl_option dd{padding:10px 0}
			.layout_item .dl_option .dd_color span{border:1px solid #ccc; padding:5px 10px; margin:5px 5px 0 0; border-radius:5px; display:inline-block; text-align:center; font-size:14px; width:calc(25% - 5px); box-sizing:border-box}
			.layout_item .dl_option .dd_color .selected{border:1px solid var(--main-color); color:var(--main-color)}
			.layout_item .dl_option .dd_size li{width:100%; display:flex; justify-content:space-between; align-items:center}
			.layout_item .last_selected{display:flex; justify-content:space-between; align-items:center}
			.layout_item .selected_table{display:none; position:absolute; width: 400px;
    font-size: 14px;
    background: white; padding:20px;     border: 1px solid #ddd;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1); text-align:center; margin-left:-310px}
	.layout_item .selected_table table{width:calc(100% - 40px); margin:20px}
.layout_item .dl_option .dd_price{ font-size:18px; font-weight:700; color:#F33}
.layout_item .item_info .info .last_selected{ padding:10px 20px; background:#f8f8f8; border-radius:5px; border:1px solid #ccc; display:flex; justify-content:space-between; align-items:center}
.layout_item .item_info .info .last_selected #bt_view{    background: white;
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #ccc; font-size:14px}
.layout_item .item_info .txt_color{ color:#F33}
.bt_plus, .bt_minus{ width:35px; height:35px; border:1px solid #666; display:inline-flex; box-sizing:border-box; justify-content:center; align-items:center}
.wrap_calculator{ display:flex; align-items:center; gap:10px}
.layout_item .dl_option .span_size, .layout_item .dl_option .span_money{width:100px; text-align:left}
#product_detail .title{margin:0 0 20px 0}
.item .store_info{margin:0 0 50px 0}
.item .store_info .con{ margin:20px 0 0 0; display:flex; align-items:center; justify-content:space-between}
.item .store_info .con input[type=button]{ border:1px solid #ccc; background-color:white; outline:none; padding:5px 10px}
.item .store_info .con .on{ border-color:1px solid var(--main-color); color:var(--main-color)}
/* 마이페이지 */
.mypage{background:#f8f8f8}
.layout_mypage{width:1510px; padding-bottom:5rem; margin-top:200px}
.layout_mypage .div_select{    padding: 0.5rem;
    background: #ddd;
    margin: 0 0 0.5rem 0;}
.layout_mypage .div_select .btn_all_chk{margin-right:10px}	
.layout_mypage .div_select .bt_cart1_order{margin-left:10px}
.layout_mypage .item{display:flex; justify-content:space-between; width:100%; align-items:flex-start}
.layout_mypage .left, .layout_mypage .con{ border-radius:30px; border:1px solid #ddd; box-shadow:10px 10px 15px rgba(0,0,0,0.1); background:white; padding:30px}
.layout_mypage .left{width:290px; padding:30px 20px}
.layout_mypage .con{ width:1180px}
.mypage .my_info h2{ font-size:18px; text-align:center; color:#666}
.mypage .my_info .card .img{width:80px; height:80px; border-radius:100%; background:#f8f8f8; display:flex; justify-content:center; align-items:center; border:1px solid #ccc}
.mypage .my_info .card .wrap_name{display:flex; align-items:center; justify-content:center; gap:20px; border-bottom:1px solid #ddd; padding-bottom:30px; position:relative}
.mypage .left .my_modify{font-size:14px; border:1px solid #ccc; position:absolute; right:0; top:0; padding:5px; color:#333}
.mypage .left .my_modify:hover{ background:#333; color:white}
.mypage .my_info .card .img img{max-width:100%}
.con .title{margin-bottom:10px}
.list td a{color:#333; text-decoration:underline}
.left .bt_cart{display:flex; justify-content:center; align-items:center; gap:10px; width:100%; height:50px; border-radius:5px; font-size:16px; font-weight:700}
.left .bt_cart .fa{font-size:24px}
.layout_item .item_info .info .wrap_bt2 .bt_cart, .layout_item .wrap_bt3 .bt_cart, .left .bt_cart{background:#fff; color:#0099ff; border:1px solid #0099ff}
.layout_item .item_info .info .wrap_bt2 .bt_cart:hover, .layout_item .wrap_bt3 .bt_cart:hover, .left .bt_cart:hover, 
.layout_item .item_info .info .wrap_bt2 button:hover, .layout_item .item_info .info .wrap_bt2 input:hover{color:#333; border:1px solid #333}
.layout_item .item_info .info .wrap_bt2 .bt_buy:hover{color:white}
.left .bt_cart img{height:25px}
.left .my_info dl{display:flex; flex-wrap:wrap; gap:10px; margin:30px 0; font-size:14px}
.left .my_info dl dt{width:40%; 
    display: flex;
    align-items: center;
    gap: 5px;    background:#f8f8f8;
    padding: 5px;
    box-sizing: border-box;
    font-weight: 700; border-radius:5px; border-radius:50px; border:1px solid #ddd}
.left .my_info dl dt span{ background:white; width:30px; height:30px; display:inline-flex; border-radius:100%; justify-content:center; align-items:center}	
.left dt img{ height:20px}
.left .on a{ color:#0099ff}
.left .my_info dl dd{width:calc(60% - 10px); display: flex
;
    align-items: center;
    justify-content: flex-start;}
.left .my_info dl .dd_noti .noti_new{ color:white; margin:0 0 0 0.5rem; background:#f62749; padding:0.2rem; font-size:10px}
.left ul{margin-top:20px}
.left li a{display:block; color:#333; line-height:50px; border-bottom:1px solid #ddd}
.left li a:hover{color:var(--main-color)}
.left li:last-child a{border-bottom:0}
.left .main_title{margin-bottom:30px; position:relative; text-align:left; font-size:24px}
.my_lv{display:flex; width:100%; height:auto !important}
.my_lv .p_level{font-size: 18px;
    font-weight: 900; color:#333}
.my_lvTit{width:100%}
.my_lvTit h3{ color:#666; font-size:18px}
.my_lvTit .on{margin:20px 0 0 0}
.my_lv .inner{width:100%; display:flex}
.wrap .inner{display:flex;     margin-bottom: 30px;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid #ddd;}
.my_lv .my_m{width:100%}
.lv1, .lv_bar .bar .bar01{width:25%}
.lv1 img{ width:30px}
.lv_bar .bar{ border:1px solid #333; border-radius:50px; overflow:hidden; margin-bottom:10px}
.lv_bar .bar .bar01{border-right:1px solid #333; height:15px}
.lv_bar{width:100%; position:relative}
.lv1{font-size:14px; text-align:center}
.my_m1{text-align:right; margin:20px 0 0 0}
.lv_bar .bar .bar01 span{ height:15px; background:#0099ff; display:block}
.my_c2_box{margin:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.my_c2_box ul{width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap}
.my_c2_box li{line-height:50px; text-align:center; padding:0 10px}
.my_c2_box a{color:#333; width:100%; display:block}
.layout_mypage .list td, .layout_mypage .list h2, .layout_mypage .list h1, .layout_mypage .list .bt_pay, .layout_mypage table td, .layout_mypage table th{font-size:14px}
.dd_level img{width:30px}
.dd_level{display:flex; justify-content:flex-start; align-items:center; gap:10px}
.mypage .list{ display:table}

/*마이페이지>결제하기*/
.layout_mypage .bt0{border-top:0 !important}

/* 마이페이지 > 전체 */
.wrap_ddform{ display:flex; justify-content:space-between; align-items:center; gap:5px; margin:30px 0; border:1px solid #ccc; background:#f8f8f8; padding:20px; border-radius:10px }
.wrap_ddform input, .wrap_ddform select{height:35px; box-sizing:border-box; border-radius:5px}
.wrap_ddform .wrap_date{display:flex; align-items:center; gap:5px}
.my_p_2b_d{display:flex; gap:10px; margin-top:10px}
.my_p_03_con{white-space:nowrap}
.bt_delete{background-color:#eeeeee;color:#000000;text-align:center;padding:3px 5px; cursor:pointer; width : 90%; margin : 10px auto 10px; text-decoration:none !important; display:block}
.wrap_ddform .bt_excel, .bt_excel{ background:white; border:1px solid #333}
.wrap_ddform .bt_down, .bt{ background:white; border:1px solid #333}
#paymentall1{ background:#0099ff; color:white}
.my_p_b4_bt{display:flex}
.bt_rebuy{background-color:#8584d9;color:#fff !important;text-align:center;padding:3px 5px; cursor:pointer; width : 90%; margin : 10px auto 10px; text-decoration:none !important; display:block}
.layout_mypage .con .search_area {
    padding-bottom: 10px;
    display: flex;
    gap: 5px;
    align-items: center;
}
.layout_mypage .con .search_area input, .layout_mypage .con .search_area select{ height:30px}

.open-btn260604{
    padding:14px 28px;
    border:none;
    background:#2563eb;
    
    border-radius:8px;
    cursor:pointer;
}

.modal260604{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

.modal260604.active260604{
    display:flex;
}

.modal-box260604{
    width:100%;
    max-width:1500px;
    background:#fff;
    border-radius:16px;
    overflow:hidden;height: 90%;
    overflow-y: auto;
}

.modal-header260604{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #eee;
	
    flex-direction: row-reverse;
}

.modal-header260604 h2{ font-size:var(--text-2xl); width:100%; text-align:center}
.close-btn260604{
    width:40px;
    height:40px;
    border:none;
    cursor:pointer; position:absolute
}

.tabs260604{
    display:grid;
    grid-template-columns:repeat(9,1fr);
    border-bottom:1px solid #eee;
}

.tab-btn260604{
    border:none;
    background:#fff;
    padding:15px 10px;
    cursor:pointer; height:auto
}

.tab-btn260604.active260604{
    background:var(--main-color);
	color:white
  
}

.tab-content-wrap260604{
    padding:30px;
}

.tab-content260604{
    display:none;
}

.tab-content260604.active260604{
    display:block;
}
.container_noti{
  
    margin:auto;
}
.mypage .footer{padding-top:0}
.mypage .footer .wrap_layout{padding-bottom:0}
.container_noti .accordion-item{
    margin-bottom:16px;
    border:1px solid #0f3d52;
    border-radius:18px;
    overflow:hidden;
    background:#fff;padding:1rem 0
}

.container_noti .accordion-header{
    width:100%;
    border:none;
    cursor:pointer;
    text-align:left;
    padding:22px 24px;
    display:flex;
    align-items:center;
    gap:16px;
    font-size:20px;
    color:#222;
    transition:.3s; background:white
}


.container_noti .check_ok{opacity:.5}
.container_noti .number{
    min-width:34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#222;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:16px;
}

.container_noti .title{
    flex:1;
    line-height:1.5;
}

.container_noti .arrow{
    font-size:22px;
    transition:.3s;
}

.container_noti .accordion-item.active .arrow{
    transform:rotate(180deg);
}

.container_noti .accordion-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:#fff;
}

.container_noti .content-inner{
    padding:0 24px 24px 74px;
    color:#555;
    line-height:1.8;
    font-size:17px;
}

/*스타일퀵 소개*/
.newintro{animation: slideInBottom 0.4s ease-out forwards; opacity:0; animation-delay:0.7s}
.newintro .stats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.newintro .stat-card{
    background:#fff;
    border-radius:24px;
    padding:20px 24px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease; text-align:left; display:flex; justify-content:center; align-items:center; border:1px solid var(--main-color)
}

.newintro .stat-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.newintro .stat-card .number{
    font-size:3.5rem;
    font-weight:800;
    color:#0f4c81;
    line-height:1;
    margin-bottom:14px;
}

.newintro .stat-card .title{
    font-size:1.1rem;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.newintro .stat-card .desc{
   color:#222;
    
    line-height:1.6; text-align:center
}

.newintro .stat-card.highlight{
    background:var(--main-color); font-weight:800
}

.newintro .stat-card.highlight .number,
.newintro .stat-card.highlight .title,
.newintro .stat-card.highlight .desc{
    color:#fff;
}

.wrap_newm0101::after{display:none}

@media(max-width:600px){
    .newintro .stats-grid{
        grid-template-columns:1fr;gap:1rem
    }

    .newintro .stat-card .number{
        font-size:3rem;
    }
	.newintro .stat-card{border-radius:1rem}
}

/*원피스 사이즈*/
.size-wrap260604{
    max-width:1000px;
    margin:0 auto;
    padding:20px;
}

.size-icon260604{
    text-align:center;
    font-size:220px;
    line-height:1;
    margin-bottom:20px;
}

.size-table-wrap260604{
    overflow-x:auto;
}

.size-table260604{
    width:100%;
    border-collapse:collapse;
    min-width:900px;
    border:3px solid #000;
}

#modal260604 th,
#modal260604 td{
    border:2px solid #333;
    text-align:center;
    padding:12px 10px;
    font-size:18px;
}

.size-title260604{
    background:#d695c7;
  
    font-size:32px;
    font-weight:700;
}

.size-table260604 tbody tr:first-child td{
    font-weight:700;
}
/*원피스사이즈*/
.size-container260604{
    max-width:1400px;
    margin:0 auto;
    padding:20px;
}

.size-grid260604{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}
#modal260604 .size-grid260604{grid-template-columns:1fr}
#modal260604 table{width:100%}
.size-box260604{
    width:100%;
}

.size-icon260604{
    text-align:center;
    margin-bottom:20px;
}

.size-icon260604 img{
    max-width:220px;
	max-height:330px;
    width:100%;
    height:auto;
}
.one-piece img{max-width:440px}

.table-wrap260604{
    overflow-x:auto;
}

.table260604{
    width:100%;
    min-width:620px;
    border-collapse:collapse;
    border:3px solid #222;
    background:#fff;
}

.table260604 th,
.table260604 td{
    border:1px solid #444;
    padding:10px;
    text-align:center;
    font-size:16px;
}

.table-title260604{
    background:#d592c8;
   
    font-size:30px;
    font-weight:700;
}

.table260604 td:first-child{
    font-weight:600;
}



/* 이미지 */
.size-guide__image{
    text-align:center;
    padding:20px;
}

.size-guide__image img{
    width:100%;
    max-width:260px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* 테이블 */
.table-wrap{
    overflow-x:auto;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    min-width:500px;
}

.size-table th,
.size-table td{
    border:1px solid #cfcfcf;
    padding:12px;
    text-align:center;
    font-size:15px;
}

.size-table thead th{
    background:#d89acb;
   
    font-weight:700;
    font-size:18px;
}

.size-table tbody th{
    background:#f7f7f7;
    font-weight:600;
}
.bra-size-guide{
    max-width:800px;
    margin:auto;
}

/* 브라 이미지 */
.bra-image{
    text-align:center;
    margin-bottom:20px;
}

.bra-image img{
    width:100%;
    max-width:260px;
    height:auto;
}

/* 테이블 */
.table-wrap{
    overflow-x:auto;
    background:#fff;
}

.size-table{
    width:100%;
    min-width:600px;
    border-collapse:collapse;
    background:#fff; table-layout:fixed
}

.size-table th,
.size-table td{
    border:1px solid #666;
    padding:10px;
    text-align:center;
    font-size:14px; word-break:break-all
}

.size-table thead .title{
    background:#d59ac8;
  
    font-size:24px;
    font-weight:700;
}

.size-table thead .head{
    background:#fafafa;
    font-weight:600;
}

.group{
    font-weight:700;
    background:#fcfcfc;
}
.size-guide{
    max-width:1000px;
    margin:auto; padding: 0 0
}

/* 티셔츠 아이콘 */
.size-icon{
    text-align:center;
    margin-bottom:25px;
}

.size-icon svg{
    width:100%;
    max-width:320px;
    height:auto;
}

/* 테이블 */
.table-wrap{
    overflow-x:auto;
}

.size-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
    background:#fff;
}

.size-table th,
.size-table td{
    border:1px solid #444;
    padding:12px 8px;
    text-align:center;
    font-size:15px;
}

.size-table thead th{
    background:#5d95d8;
  
    font-size:18px;
    font-weight:bold;
}

.size-table tbody th{
    background:#fafafa;
    font-weight:600;
 
}
.size-wrap{
    margin:auto;
}

/* 제목 */
.size-title{
    background:#4f8edc;
 
    text-align:center;
    padding:15px;
    font-size:24px;
    font-weight:700;
}

/* PC 테이블 */
.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.size-table th,
.size-table td{
    border:1px solid #ccc;
    padding:12px 8px;
    text-align:center;
    font-size:14px;
}

.size-table thead th{
    background:#f2f2f2;
}

.size-table tbody th{
    background:#fafafa;
    font-weight:600;
    
}

/* 모바일 카드 */
.mobile-size{
    display:none;
}

.mobile-card{
    background:#fff;
    border-radius:10px;
    padding:16px;
    margin-bottom:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.mobile-card h3{
    color:#4f8edc;
    margin-bottom:12px;
}

.mobile-row{
    display:flex;
    justify-content:space-between;
    padding:6px 0;
    border-bottom:1px solid #eee;
}

.mobile-row:last-child{
    border-bottom:none;
}

.size-section{
    display:grid;
   
    
}

.size-box{
    background:#fff;
    border:1px solid #ddd;
    overflow:hidden;
}

.size-title{
    background:#4d8cdc;
  
    text-align:center;
    font-size:24px;
    font-weight:bold;
    padding:14px;
}


/*시장사입대행 신청*/
.s_s_title2 {position:relative}
.s_s_title2 .wrap_bt{position:absolute; right:0; top:0; display:flex; align-items;center; gap:0.5rem}
.s_s_title2 .wrap_bt a{ border:1px solid #666; padding:0.1rem 0.5rem}
.s_table .script{padding-top:0.5rem}


/*주문내역*/
.layout_mypage .con table{width:100%}
.btbg0, .btbg1, .btbg2, .btbg3, .btbg4, .btbg5, .btbg6, .btbg7, .btbg8, .btbg9, .btbg10, .btbg11, .btbg12{ display:block; width:80%; border-radius:3px}
.btbg0{ background-color:#040a1a;padding:3px 10px;color:#ffffff;}/*재주문*/
.btbg1{ background-color:#4b7bea;padding:3px 10px;color:#ffffff}/*접수*/
.btbg2{ background-color:#446fd5;padding:3px 10px;color:#ffffff;}/*1차결제*/
.btbg3{ background-color:#3d64c1;padding:3px 10px;color:#ffffff;}/*발주*/
.btbg4{ background-color:#3659ad;padding:3px 10px;color:#ffffff;}/*주문*/
.btbg5{ background-color:#2f4e98;padding:3px 10px;color:#ffffff;}/*미송*/
.btbg6{ background-color:#274283;padding:3px 10px;color:#ffffff;}/*입고*/
.btbg7{ background-color:#1f376e;padding:3px 10px;color:#ffffff;}/*이슈*/
.btbg8{ background-color:#172c59;padding:3px 10px;color:#ffffff;}/*2차결제*/
.btbg9{ background-color:#0f2145;padding:3px 10px;color:#ffffff;}/*출고확인*/
.btbg10{ background-color:#081531;padding:3px 10px;color:#ffffff}/*선적*/
.btbg11{ background-color:#5286ff;padding:3px 10px;color:#ffffff;}/*완료*/
.btbg12{ background-color:#9EACC6;padding:3px 10px;color:#ffffff;}/*취소*/

/*장바구니*/
.layout_cart table{width:100%}
.layout_cart .cart_num{width:100px}
.cart_wrap_bt3{position:fixed; left:0; width:100%; bottom:0; background:white; border-top:1px solid #999; background:#fff; padding:20px 0; z-index:10}
.t_cart{margin:30px auto}
.t_cart td{text-align:center}
.cart_wrap_bt3 .wrap_wrap_bt{max-width:1510px; margin:0 auto; width:100%; display:flex; justify-content:space-between; align-items:center}
.cart_wrap_bt3 .wrap_wrap_bt .wrap_wrap_wrap_bt{ display:flex; align-items:center; gap:10px}
.cart_wrap_bt3 .wrap_wrap_bt span{font-size:24px}
.cart_wrap_bt3 .wrap_wrap_bt .total{font-weight:700}
.nav2{display:flex; align-items:center; justify-content:space-between}
.cart_wrap_bt3 .wrap_wrap_bt .wrap_wrap_wrap_bt .bt_goshopping{background:#fff; color:#666; border:1px solid #666}
.layout_cart td button, .layout_cart input[type=text], .layout_cart .nav2 button{height:35px; box-sizing:border-box}
.layout_cart td button, .layout_cart .nav2 button{ padding:0 10px; color:white; background:#666; border-radius:5px}
.layout_cart .nav2 button{background:#999}
.layout_cart td .bt_modify{ color:#0099ff; border:1px solid #0099ff; background:#fff; margin:0 0 0 10px}
.wrap_vvic_cart tr .td_total2{text-align:right;}
.td_product_name a:hover{color:var(--main-color)}

/*예치금 내역*/
.layout_mypage .title{display:flex; justify-content:space-between; align-items:center}
.layout_mypage .title h2{font-size:28px}
.layout_mypage .noti{margin:10px 0 30px 0; color:#666; text-align:right; font-size:14px}
.layout_mypage .noti p{font-size:14px}
.money{text-align:right}
.layout_mypage .m_only{display:none}

/*조직도*/
.org-wrap{
    max-width:1200px;
    margin:auto;    margin-top: 83px;
}



/* 부서 영역 */
.org-wrap .departments{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
}

/* 카드 */
.org-wrap .card{
    background:#fff;
    border-radius:14px;
    padding:22px;
    text-align:center;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    transition:.3s;
    border:1px solid #ccc;
}
.org-wrap .card img{ height:80px}



.org-wrap .card h3{
    font-size: var(--text-xl);
    color:#111827;
    font-weight:600
}


.org-wrap .ceo{
    text-align:center;
    margin-bottom:60px;
}

.org-wrap .ceo .box{
    display:inline-block;
    background:var(--main-color);
    color:#fff;
    padding:18px 40px;
    border-radius:12px;
  font-size: var(--text-xl);
    font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.1); width:calc(33.33% - 27px)
}


/* 부서 영역 */
.org-wrap .departments{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
}


.org-wrap .card{
    background:#fff;
    border-radius:14px;
    padding:22px;
    text-align:center;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    transition:.3s;
    border:1px solid #eef2f7; position:relative
}
.org-wrap .card::after{width:calc(50% + 20px); height:30px; position:absolute; content:''; top:-30px; z-index:-1; border-top:1px solid #ccc; border-left:1px solid #ccc; right:-10px}
.org-wrap .card:nth-child(2)::before{ content:''; left:50%; width:1px; height:70px; top:-70px; background:#ccc; position:absolute; z-index:-1}
.org-wrap .card:nth-child(2)::after{ border-left:0; left:50%; width:calc(100% + 40px); border-right:0; transform:translate(-50%, 0)}
.org-wrap .card:nth-child(3)::after{ left:-10px; border-left:0; border-right:1px solid #ccc}
.org-wrap .card li{text-align:left; display:flex; gap:1rem; align-items:center; margin-bottom:1rem; border-top:1px solid #eee; padding-top:1rem}
.org-wrap .card li img{height:50px}
.org-wrap .card h3{
    color:#111827;
    font-weight:600;
}

/* 컬러 포인트 */
.org-wrap .card:nth-child(1){border-top:4px solid var(--main-color);}
.org-wrap .card:nth-child(2){border-top:4px solid var(--main-color);}
.org-wrap .card:nth-child(3){border-top:4px solid var(--main-color);}





/*포인트 내역*/
.point img{height:30px}
.point{display:flex; gap:5px; align-items:center}

/*시장사입대행신청*/
.sub_wrap{width:1200px; margin:0 auto}
.m0101 table{width:100%}
.m0101 textarea{width:100%;     height: 150px;
    border: 1px solid #ddd;
    width: 100%;
    background: #f9f9f9;
    padding: 10px;
    box-sizing: border-box;
    color: #333;
    font-weight: 600;}
.m0101 table th{}	
.tdnoti{    color: red;
    font-size: 14px; margin:10px 0 0 0}	
.corp_agree .fregister_agree{border:0; padding:5px 0}	

/*샘플구매대행신청*/
.m0201 textarea{width:100%; height:300px}
.s_page_button{text-align:right}
#sbtn{margin:0 auto}
.m0202 table, .m0202 textarea{width:100%}
.m0202 textarea{height:150px}

/*개인결제*/
.list h2, .list h1{font-size:18px}
.list .pay{text-align:center; color:#0099ff}
.list .bt_pay{ background:#0099ff; color:white; border-radius:5px; border:0; display:block; text-align:center; font-size:18px; margin:0 auto}
.list .bt_pay:hover{background:linear-gradient(135deg, #0099ff, #c80099)}
.list td{font-size:18px}
.list .deposit{background-color:#666666;color:#ffffff;text-align:center;padding:3px 5px;margin-top:10px;cursor:pointer;}
.list .completed{color:var(--main-color); margin:0 auto; display:block; text-align:center}
.list .credit{background-color:#33cccc;color:#ffffff;text-align:center;padding:3px 5px;margin-top:10px; margin-bottom : 10px;cursor:pointer;}

/*배송대행*/
.my_c2_box ul li{display:inline-block}

/*샘플 구매대행*/

/*수입대행*/
.my_p_b2_ib img, .list img{width:100px; height:80px}
.my_p_list table td, .my_p_list table td h2, .my_p_list table td h1{font-size:14px}

/*마이페이지>상세보기*/
.s_page_button{ text-align:center; margin-top:30px}
.product_bt{text-align:right}
.s_list_box, .s_box{width:100%}
.s_list_box{display:flex; gap:20px; width:100%}
.s_list_box .s_l_ib_img img{width:200px; border-radius:10px}
.s_list_box .s_l_ib_img{ border:1px solid #ddd; border-radius:20px; overflow:hidden}
.s_list_box .s_list_ibox{width:200px}
.s_list_tbox{ width:calc(100% - 220px)}

/*수입대행 수정*/
.m0101 h3, .mytitle{margin:0; font-size:20px; margin-top:20px; margin-bottom:10px; color:#333}
.m0101 .s_s_c3_text{ color:#333; margin-bottom:10px}
.bt_option{float:left}
.h2_flex{display:flex; gap:20px; align-items:center; width:100%; position:relative }
.h2_flex .rednotice{font-size:16px; background:#fe7235; color:white; font-weight:500; padding:0 10px; cursor:pointer; line-height:34px}
.bt_how{padding: 0 10px;background-color:#0099ff;color:white;font-weight: 500;font-size: 16px;cursor: pointer; line-height:34px}
.addon_input{width:100%}
.item_addon{text-align:right; margin:10px 0 0 0}
.s_c4_ct{display:flex; align-items:center}
.address_input{margin-bottom:5px}
.wrap_h2bg{display: flex
;
    gap: 10px;
    float: right;
    position: absolute;
    right: 0;}
.s_c6_ct{ padding:10px; border:1px solid #ccc; border-left:0; border-right:0 }

/*시장사입대행 신청*/
.wrap_corp_cart .itemtable {border-top: 2px solid #000;}
.wrap_corp_cart .sub_table th{font-weight:bold;background-color:#eeeeee}
.wrap_corp_cart .sub_table th, .wrap_corp_cart .sub_table td {padding:5px;font-size:14px;border-right: 1px solid #ddd;text-align:center;}
.wrap_corp_cart .sub_table th:last-child, .wrap_corp_cart .sub_table td:last-child {border-right: 0px solid #ddd;}
.wrap_corp_cart .sub_table td input[type=text] {padding:5px;height:27px;width:100%}
.wrap_corp_cart .sub_table td .am{text-align:right}
.wrap_corp_cart .sub_table2 th{font-weight:bold;background-color:#eeeeee}
.wrap_corp_cart .sub_table2 th, .sub_table2 td {padding:5px;font-size:14px;border-right: 1px solid #ddd;text-align:center;}
.wrap_corp_cart .sub_table2 th:last-child, .wrap_corp_cart .sub_table2 td:last-child {border-right: 0px solid #ddd;}
.wrap_corp_cart .sub_table2 td input[type=text] {padding:5px;height:27px;width:100%}
.wrap_corp_cart .sub_table2 td .am{text-align:right}
.wrap_corp_cart .btn_gray{background-color:#BDBDBD;padding:5px 10px;color:#ffffff;border:0px;font-size:15px;margin-top:10px}
.wrap_corp_cart .btn_gray2{background-color:#BDBDBD;padding:4px 7px;color:#ffffff;border:0px;font-size:13px;}	

/*추천상품*/
.onepage .list{display:flex; width:100%; flex-wrap:wrap}
.onepage .list li{width:calc(25% - 15px); box-sizing:border-box; border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden; margin-bottom:20px}
.onepage .list li img{width:auto; height:317px; display:block; margin:0 auto}
.onepage .list li a .title{ color:#333; text-align:center; display:flex; justify-content:space-between; align-items:center; padding:10px 20px}
.onepage .list li a .title h2{font-size:18px; }
.onepage .list li a span{font-size:12px; color:#fff; background:#999; border-radius:20px; padding:5px 10px}
.rproduct .list li a .title h2 {
    font-size: 18px;
    display: block;
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.rproduct .list li img{    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 313px;}
/*공지사항*/
.list2{width:100%; color:#333}
.t_hit, .t_date{text-align:center}

/*회원가입*/
.register{width:1200px; margin:0 auto; color:#333; padding-top:250px !important}
.register .wrap_text{display:flex; justify-content:space-between; gap:30px; margin:0 0 30px 0}
.register .wrap_text div{width:calc(50% - 15px) }
.register textarea{width:100%; border:1px solid #ccc; height:200px; margin:10px 0 0 0; box-sizing:border-box}
.register h2{font-size:18px}
.register table{width:100%; margin:10px 0 0 0}
.register table th{width:150px; text-align:left}
.register table input{width:100%; border:1px solid #ccc}
.register .sns_register{ border:1px solid #ccc; padding:10px; margin:0 0 30px 0; display:flex; align-items:center; justify-content:space-between}
.register .sns_register .wrap_bt4{ display:flex; align-items:center; justify-content:flex-end; gap:5px}
 .bt_register{ margin:0 auto; margin-top:30px; }
 .register section{padding-left:0 !important; padding:0 0}
 .btn_submit{background:var(--main-color)}
 #fregister p{background:none; color:var(--main-color)}
 #fregister p:before{display:none}

/*로그인*/
.wrap_login{width:1000px; margin:0 auto;height: 500px;
    border-radius: 50px;
    border: 1px solid #ddd;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden; display:flex; align-content:center; flex-wrap:wrap; justify-content:center; text-align:center}
.wrap_login div{width:100%; margin:5px 0}	
.wrap_login .login_info{margin:0 0 20px 0}
.login_info input, .login_info button{width:100%; margin-bottom:10px}
.wrap_login .login_info{width:60%; position:relative; margin:0 auto; margin-bottom:30px; font-size:18px}
.wrap_login .login_info a{font-size:14px}
.wrap_login .login_info span{color:#999; font-size:12px; margin:0 10px}
.wrap_login .login_info button{border:0; color:white; background:#0099ff; font-size:18px}
.wrap_sns button{border:1px solid #333; background:white; color:#333; font-size:16px; display:inline-flex; gap:10px; justify-content:center; margin:0 5px; align-items:center; width:155px; border:1px solid #ccc}
.wrap_sns .bt_google img{height:20px}  
.wrap_sns{display:flex; justify-content:center; align-items:center}  
.wrap_sns .bt_naver{background:#1ec800; color:white}
.wrap_sns .bt_kakao{background:#ffeb00; color:#2b0c21}
.mbskin{ margin:250px auto 0 !important; }
#mb_login{max-width:350px}
.mbskin .mbskin_box, .mb_log_cate h2, .mbskin .btn_submit{font-size:14px}

/*투어모집*/
.vis{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/tourvis1.png) 50% 50% no-repeat; background-size:cover; text-align:center; justify-content:center; position:relative}
.vis2{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/tourvis2.png) 50% 50% no-repeat; background-size:cover}
.vis3{width:100%; height:100%; display:flex; align-items:center; padding:0 11%; background:url(../img/tourvis3.png) 50% 50% no-repeat; background-size:cover}

.vis h2{font-size:50px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1}
.vis3 h2{color:#fff}
.vis h2 p{font-size:20px; font-weight:500; word-break:keep-all; margin:30px 0 0 0}
.vis h2 span{ color:#0099ff}
.vis:after{ content:''; position:absolute; left:0; top:0; height:81px; background:white; width:100%}
.vis:before{ content:''; position:absolute; left:0; top:0; height:100%; background:rgba(0,0,0,.5); width:100%; transform:none; border-radius:0}
.slider2 .controller .indicate-area a{color:white}
.ul_Guangzhou{display:flex; justify-content:center; align-items:center; margin:0 auto; gap:40px}
.ul_Guangzhou li{width:400px; height:400px; overflow:hidden; border-radius:100%}
.ul_Guangzhou li img{width:100%}
.ul_Guangzhou li:nth-child(1){background:url(../img/Guangzhou1.png) 50% 50% no-repeat; background-size:cover }
.ul_Guangzhou li:nth-child(2){background:url(../img/Guangzhou2.png) 50% 50% no-repeat; background-size:cover}
.ul_Guangzhou li:nth-child(3){background:url(../img/Guangzhou3.png) 50% 50% no-repeat; background-size:cover}
.ul_faq{display:flex; flex-wrap:wrap; margin:100px 0 0 0; text-align:center; gap:20px}
.ul_faq li{width:calc(33.33% - 20px); padding:20px; box-sizing:border-box; 
    border-radius: 50px;
    border: 1px solid #ddd;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;}
.ul_faq li h2{word-break:keep-all; margin:0 0 10px 0}
.ul_faq li p{word-break:keep-all}
.se-main-container .slogan{text-align:center; margin:100px 0; font-size:25px; word-break:keep-all; color:#333}
.se-main-container .slogan span{color:#0099ff}
.newproduct_delivery{display:flex; align-items:center; gap:40px; justify-content:center }
.newproduct_delivery img{border-radius:30px; width:600px}
.p_delivery{font-size:24px; word-break:keep-all; line-height:1.5; text-align:center; margin:50px 0 0 0}
.ul_schedule li{width:calc(25% - 20px)}
.noti{margin:50px 0 0 0; background:#f6f6f6; padding:20px; border-radius:30px}

/*부가서비스*/
.subservice .nowrap{white-space:nowrap}
.subservice .notinoti{display:flex; gap:5px; align-items:flex-start; margin:0 0 5px 0}
.subservice .notinoti:before{content:'*'}
.subservice .ul_yechi{margin-top:100px}
.subservice .ul_yechi h3{ width:1510px; margin:0 auto; padding:100px 0 30px 0; display:block}
.subservice .ul_yechi .ul_service2{ padding-top:0; flex-wrap:wrap}
.subservice .ul_yechi .ul_service2 li{background:white; width:100%}
.subservice .ul_yechi .wrap_p1{display:flex; align-items:flex-start; flex-wrap:nowrap; gap:20px; justify-content:center}
.subservice .ul_yechi .ul_service li h2{margin: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;}
.subservice .ul_yechi .wrap_p1 strong{margin-bottom:10px; display:flex; font-size:18px; align-items:center}
.subservice .ul_yechi .wrap_p1 strong img{height:30px; margin:0 10px 0 0; display:inline-block}	
.subservice .ul_yechi .wrap_p1 .made img{height:20px}
.subservice .ul_yechi .wrap_p1 p{width:calc(33.33% - 20px); display:block}
.subservice .ul_yechi .wrap_p2 p{width:calc(50% - 20px);}
.subservice .ul_yechi .wrap_p3 p{width:calc(20% - 20px);}
.subservice .ul_service li h2{font-size:20px; text-align:left}
.subservice .ul_service li .noti2{padding:0 0}
.subservice .ul_service3 li{ padding:20px 0; height:255px; padding-bottom:0}
.subservice .ul_service3 li p{padding:10px 10px 10px 10px; font-size:16px; height:60px; display:flex; justify-content:center; align-items:center}
.subservice .ul_service li h3{font-size:16px; line-height:1.2;    height: 68px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0 0;}
.subservice .ul_service3 li:nth-child(1) p{ background:#fdd4cb}
.subservice .ul_service3 li:nth-child(2) p{ background:#dfcbfd}
.subservice .ul_service3 li:nth-child(3) p{ background:#cbfdfa}
.subservice .ul_service3 li:nth-child(4) p{ background:#f5fdcb}
.subservice .ul_service3 li:nth-child(5) p{ background:#cbf1fd}
.subservice .ul_service3 li:nth-child(6) p{ background:#cbdbfd}
.subservice .ul_service3 li:nth-child(7) p{ background:#fdcbd7}
.subservice .ul_service3 li:nth-child(8) p{ background:#e9cbfd}
.subservice .ul_service3 li:nth-child(9) p{ background:#dcfdcb}
.subservice .ul_service3 li img{height:40px; display:block; margin:0 auto; margin-bottom:5px}
.subservice .ul_service3 li h2{font-size:18px; text-align:center}

.ul_service{display:flex; flex-wrap:wrap; gap:20px; width:100%}
.ul_service li{width:calc(20% - 20px); text-align:center; word-break:keep-all; border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden; padding:20px; box-sizing:border-box; height:200px; color:#333; font-size:14px}
.ul_service li h2{font-size:18px; margin:0 0 10px 0}
.ul_service2 li{width:calc(33.33% - 20px); height:auto}
.ul_service2 li p{text-align:left; margin-bottom:10px}
.ul_service2 li p strong{color:#333; font-size:16px; margin-bottom:5px}
.ul_service li .noti2, .noti2{color:#ec0365; padding:0 5px; line-height:1.5}

/*중국의류시장투어*/
.tour_container {
	margin: 30px auto;
	padding: 20px;
	background: #fff;
}
.tour_container .form-group {
	margin-bottom: 80px;
}
.tour_container .form-label {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}
.tour_container .required {
	color: red; background:none !important
}
.tour_container .policy-box {
	width: 100%;
	height: 100px;
	border: 1px solid #ccc;
	background: #fafafa;
	overflow-y: auto;
	padding: 15px;
}
.tour_container .agree {
	margin-top: 10px;
}
.tour_container input[type="text"], .tour_container input[type="number"], .tour_container input[type="email"], .tour_container textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
}
.tour_container input[type="number"]{color:#333 !important}
.tour_container textarea {
	resize: vertical;
	min-height: 120px;
}
.tour_container .phone-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}
.tour_container .phone-wrap input {
	flex: 1;
}
.tour_container .check-group, .tour_container .radio-group {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.tour_container .check-group label, .tour_container .radio-group label {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}
.tour_container .btn-wrap {
	text-align: center;
	margin-top: 40px;
}
.tour_container .btn-submit {
	min-width: 180px;
	height: 50px;
	border: none;
	border-radius: 25px;
	background: #0b4f86;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.tour_container .btn-submit:hover {
	background: #083b65;
}
.tour_container .form-group pre {
	font-size: var(--text-xs);
	overflow-x: hidden
}

/*혜택안내*/
.ul_service2 h3{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:10px}
.t_level{width:100%}
.t_level th, .t_level td{text-align:center}
.t_level td img{height:40px}
.t_level td p{width:100%; margin:5px 0 0 0}
.ul_yechi{ background:#efefef}
.ul_yechi .ul_service2{ width:100%; margin:0 auto; padding:100px 0; display:flex; flex-wrap:wrap; gap:20px; max-width:1510px; justify-content:space-between}
.ul_yechi .ul_service2 .li{background:white; text-align:left;   }
.ul_yechi .ul_service2 h3{font-size:22px; text-align:center}
.ul_yechi .ul_service2 img{height:30px; display:block; margin:0 auto; margin-bottom:20px}
.ul_yechi .ul_service2 .li p{position:relative; padding:0 0 0 15px; font-size:16px; word-break:keep-all; margin:5px 0}
.ul_yechi .ul_service2 .li p:before{content:''; width:5px; height:5px; position:absolute; border-radius:100%; background:#222; top:7px; left:0}
.wrap_t_level, .ul_yechi .ul_service2 .li, .subservice .ul_yechi .ul_service2 li{ font-size:16px;padding:40px; overflow:hidden; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.wrap_t_level, .ul_yechi .ul_service2 .li, .subservice .ul_yechi .ul_service2 li, .ul_service li{border-radius:20px;border:5px solid #ccc}
.wrap_t_level .row1 th, .wrap_t_level .row1 td{border-top:0;}
.wrap_t_level .row_last th, .wrap_t_level .row_last td{border-bottom:0}
.wrap_t_level .row1 td{ color:#222; font-size:18px; font-weight:600}
.ul_yechi .ul_service2 .wrap_li, .ul_yechi .ul_service2 .last_li{width:calc(50% - 10px)}
.ul_yechi .ul_service2 .wrap_li{width:100%}
.ul_yechi .ul_service2 .wrap_li{display:flex; gap:20px}
.ul_yechi .ul_service2 .wrap_li .li{width:100%}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{width: 85%;
    margin: 5px auto;}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p{width: 69%;
    margin: 5px auto;}
.ul_yechi .ul_service2 .wrap_li .li .btn_submit{margin:0 auto; color:white; display:block; width:33%; padding:1rem; text-align:center; border-radius:0.5rem; margin-top:1rem}	


/*견적서내역*/
.wrap_m0104{ position:relative}
.wrap_m0104 .main_title, .wrap_m0104 .bar{color:white; text-align:center}
.wrap_m0104 .bar{margin:0 auto; margin-bottom:50px; justify-content:center}
.wrap_m0104 .main_title{margin-bottom:25px}

.wrap_m0104 video{width:100%; height:auto;pointer-events: none; min-height:1071px}
.wrap_m0104 .m0104con{ 
      animation: showUp 1s ease-in forwards;
      animation-delay: 0.5s; color:#222; font-weight:600; font-size:18px; width:50%; position:absolute; left:53%; top:200px; display:flex;align-content:center; width:38%; 
	  flex-wrap:wrap; box-sizing:border-box;}
.wrap_m0104 #delivery2{align-content:flex-start}	  
.wrap_m0104 .m0104con li{width:100%; display:flex; justify-content:flex-start; gap:20px;align-items:flex-start; text-align:left; margin:5px 0; border-bottom:1px solid #ddd; padding:5px 0}
.wrap_m0104 .m0104con li:last-child{border-bottom:0}
.wrap_m0104 .m0104con li p{word-break:keep-all; width:calc(70% - 20px)}
.wrap_m0104 .m0104con li p span{color:red}
.wrap_m0104 .m0104con h2{font-size:24px; font-weight:800; margin:0 0 5px 0; width:100%; text-align:left}
.wrap_m0104 .m0104con h3{width:100%; text-align:left; margin-bottom:0}
.wrap_m0104 .m0104con ul{margin:20px 0 0 0; width:100%}
.wrap_m0104 .m0104con strong{width:30%; text-align:center; color:white; background:#0099ff; border-radius:20px; padding:5px 0; font-weight:600}
  @keyframes showUp {
      to {
        opacity: 1;
      }
    }
	
/*예치금 내역*/
.bt_charge:hover{background:linear-gradient(135deg, #0099ff, #c80099)}
.wrap_dp_m_t{display:flex; gap:50px}
	
/*사입대행 안내*/
.m0103 .section1 {
	position: relative; margin-top:250px; overflow:visible
}
.wrap_newm0101 .section1{margin-top:0}
.m0103 .section1:after {
	content: '';
	width: 100px;
	height: 100px;
	background: white;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0) rotate(45deg);
	bottom: -150px
}
.m0103 .section1, .m0103 .section {
	font-size: 18px
}
.m0103 .section1 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 50px;

	word-break: keep-all
}
.wrap_newm0101  .section1 .wrap{width:1500px}
.m0103 .section1 .txt {
	width: calc(50% - 50px)
}
.m0103 .section1 .txt p{font-size:1.2em; animation: slideInBottom 0.4s ease-out forwards; opacity:0; animation-delay:0.7s}
.m0103 .section1 .txt p span {
	color: #fc3e3c;
	font-weight: 700;
	
	
}
.m0103 .section1 .txt h2 {
	font-size: 50px;
	line-height: 1.2
}
.m0103 .section1 .txt h2 span {
	color: #0099ff;
}
.m0103 .section1 .txt h2 p{opacity:0;transform: translateX(80px); /* 오른쪽에서 시작 */
  animation: slideInRight 0.2s ease-in-out forwards; }
.m0103 .section1 .txt h2 .quick2{animation-delay:0.4s}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.m0103 .section1 .txt h3 {
	font-size: 30px;
	margin: 30px 0;  transform: translateY(40px); 
  animation: slideInBottom 0.4s ease-out forwards; opacity:0; animation-delay:0.6s
}
.m0103 .section1 .img {
	width: 50%;
	border-radius: 20px;
	background: #efefef;
	height: 400px;
	overflow: hidden; box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid white;  transform: translateY(40px); 
  animation: slideInBottom 0.4s ease-out forwards; opacity:0; animation-delay:0.6s
}
@keyframes slideInBottom {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.m0103 .section2 {

	position: relative;
	padding: 100px 0;
	margin-top: 100px;
	font-size: 18px
}
.wrap_m0301 .section2{max-width:100%; background:#eee;}
.wrap_m0301 .section2 h2{font-size:var(--text-5xl); margin-bottom:2rem}
.m0103 .section2 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	gap: 1rem;
	word-break: keep-all;
	flex-wrap: wrap
}
.m0103 .section2 .txt, .m0103 .section2 ul {
	width: 100%
}
.m0103 .section2 .txt h2 {
	font-size: 50px;
}
.m0103 .section2 .txt h2 span {
	color: #0099ff;
	line-height: 1
}
.m0103 .section2 .txt h3 {
	font-size: 30px;
	margin: 30px 0
}
.m0103 .section2 .txt {
	background: #222;
	padding: 100px 0 150px 0
}
.m0103 .section2 .txt .wrap2 {
	width: 50%
}
.m0103 .section2 ul {
	margin: 0 auto;
	margin-top: -100px;
	background: white;
	color: #333;
	width: 1400px;
	border-radius: 40px 40px 0 0;
	padding: 50px;
	display: flex;
	justify-content: center;
	gap: 50px
}
.m0103 .section2 ul li {
	text-align: center;
	width: calc(50% - 50px)
}
.m0103 .section2 .new_ul_service{margin-top:2rem; gap:20px; padding:0; border-radius:0 0 0 0; justify-content:space-between}
.m0103 .section2 .new_ul_service li {
    width: calc(25% - 20px); text-align:left; height:auto}
.m0103 .section2 .new_ul_service li p{font-weight:700}
.m0103 .section2 .new_ul_service li span{    font-size: var(--text-md);
    margin: 1rem 0 0 0;
    display: block;}	
.m0103 .section2 ul li .img {
	height: 300px;
	background: #eee
}
.m0103 .section2 ul li h2 {
	padding: 10px 0
}
.m0103 .section2 ul li:nth-child(1) h2 {
	background: #666;
	color: white
}
.m0103 .section2 ul li:nth-child(2) h2 {
	background: #0099ff
}
.m0103 .section2 .scroll {
	color: #ddd;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	gap: 50px;
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
	padding: 0 0 50px 0;
}
.m0103 .section3 {
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
	padding:0 0; overflow:visible
}
.wrap_m0203 .section3{padding:0 0}
.m0103 .section3 .noti {
	padding: 20px;
	
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #ccc;    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; margin:0 0 0 0;
    background: white;
}
.m0103 .section4 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
	
	background: #222;
	color: white;
	padding: 100px 0;
	background: url(../img/bg_sectjion4.png) 50% 50% no-repeat;
	background-size: cover; max-width:100%
}
.wrap_m0302 .section4 {background:none; padding:0 0}
.m0103 .section4 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
	margin-top: 100px;
	word-break: keep-all;
	position: relative
}
.m0103 .section4 p {
	width: 1400px
}
.m0103 .section4 .txt {
	width: 1400px;
	margin: 0 auto
}
.m0103 .section4 .txt h2 {
	font-size: 50px;
	line-height: 1.2;
	margin: 20px 0 0 0
}
.m0103 .section4 .txt h2 span {
	font-weight: normal
}
.m0103 .section4 .txt h3 {
	font-size: 20px;
	color: #fff;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center
}
.m0103 .section4 .txt h3:after {
	content: '';
	width: 100px;
	height: 1px;
	background: #fff
}
.m0103 .section4 .img {
	border-radius: 20px;
	background: #efefef;
	height: 200px;
	display: flex;
	justify-content: center;
	align-content: center;
	color: #222;
	
	border: 1px solid #0099ff;
	box-sizing: border-box;flex-wrap:wrap; gap:10px;  padding:0 20px; box-sizing:border-box

}
.m0103 .section4 .img img{height:50px; margin:0 auto; display:block}
.wrap_m0302 .section4 .img img{margin-bottom:1rem}
.wrap_m0302 .section4 .img{background:white}
.m0103 .section4 .img h3{font-size: 25px;
	font-weight: 700; margin:0}
.wrap_m0302 .section4 .img h3{font-size:var(--text-xl)}	
.m0103 .section4 ul {
	display: flex;
	justify-content: space-between;
	text-align: left;
	gap: 10px;
	width: 1400px;
	margin: 0 auto; flex-wrap:wrap
}
.m0103 .section4 ul li {
	width: calc(25% - 10px);
	text-align: center;
	word-break: keep-all;}
.m0103 .section4 ul li h2 {
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	background: #0099ff;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	vertical-align: middle;
	margin-top: -25px;
	margin-bottom: 10px
}
.m0103 .section4 ul li h3 {
	font-size: 24px
}
.m0103 .section4 strong {
	font-size: 24px;
	display: block;
	margin-bottom: 5px
}
.m0103 .section5 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
	margin-top:0; background:var(--main-color)
}
.m0103 .section5 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
	margin-top: 100px;
	word-break: keep-all;
	position: relative
}
.m0103 .section3 .txt, .m0103 .section5 .txt {
	width: 1400px;
	margin: 0 auto
}
.m0103 .section5 .txt h2, .m0103 .section3 h2 {
	font-size: 50px;
	line-height: 1.2;
	margin: 0 0 0 0
}
.m0103 .section5 .txt h2 span {
	font-weight: normal
}
.m0103 .section5 .txt h3 {
	font-size: 20px;
	color: #fff;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center
}
.m0103 .section5 .txt h3:after {
	content: '';
	width: 100px;
	height: 2px;
	background: #0099ff
}
.m0103 .section5 .txt h4, .m0103 .section3 h3{ font-size:24px; margin-bottom:10px}
.m0103 .section5 .img {
	border-radius: 20px;
	background: #efefef;
	height: 300px;
}
.m0103 .section5 ul {
	display: flex;
	justify-content: space-between;
	text-align: left;
	gap: 50px;
	width: 1400px;
	margin: 0 auto
}
.m0103 .section5 ul li {
	width: calc(50% - 25px);
	text-align: center;
	word-break: keep-all
}
.m0103 .section5 ul li h2 {
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	background: #0099ff;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	vertical-align: middle;
	margin-top: -25px;
	margin-bottom: 10px
}
.m0103 .section5 ul li h3 {
	font-size: 24px;
	color: #0099ff;
	margin: 10px 0 0 0
}
.m0103 .section5 ul li p {
	margin: 5px 0 0 0
}	
.m0103 .section5 table{width:100%; margin-bottom:10px}
.m0103 .section5 th{font-weight:700; background:rgba(0,0,0,.2)}
.m0103 .section5 td, .m0103 .section5 th{text-align:center}
.m0103 .section5 p{margin-bottom:10px}
.m0103 .wrap_noti{display: flex;
    gap: 40px; word-break:keep-all}
.m0103 .wrap_noti .num{width:50px; height:50px; border-radius:100%; position:absolute; right:-5px; top:-5px; color:white; font-size:18px; font-weight:700; background:var(--main-color); display:flex; justify-content:center; align-items:center}	
.wrap_m0203 .wrap_noti .num{width:80px; height:80px;     right: -20px;
    top: -20px;border-radius: 100% 0 100% 100%; background:linear-gradient(45deg, var(--main-color), transparent); display:none}

.m0103 .wrap_noti .noti{width:calc(25% - 30px); line-height:1.5; position:relative}	
.m0103 .wrap_noti .noti strong{font-size:18px; font-weight:700; margin:0 0 10px 0; display:block}
.wrap_m0203 .wrap_noti .noti strong {
    font-size: var(--text-2xl); word-break:keep-all}
.m0103 .wrap_noti li{position:relative; padding:0 0 0 10px}
.m0103 .wrap_noti li:before{ content:''; position:absolute; width:5px; height:5px; border-radius:100%; background:#333; left:0; top:8px}
.m0103 .wrap_noti .noti4{font-size:14px; margin:0 0 10px 0; display:flex; align-items:flex-start; position:relative; gap:5px; color:red}
.m0103 .wrap_noti .noti4:before{ content:'※'}

.wrap_m0301 .faq-item {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden; width:100%
  }

.wrap_m0301 .faq-question {
    padding: 12px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;    background: linear-gradient(45deg, var(--main-color), transparent);
    color: white; font-size: var(--text-2xl);
  }

.wrap_m0301 .arrow {
    transition: transform 0.3s ease;
  }

.wrap_m0301  .faq-item.active .arrow {
    transform: rotate(90deg); color:white
  }

.wrap_m0301 .faq-answer {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    padding: 0 12px; background:white
  }

.wrap_m0301 .faq-answer p {
    margin: 10px 0; font-size:var(--text-xl)
  }
.wrap_m0301 .faq-answer p span{color:var(--main-color)}
.wrap_m0301 .faq-item.active .faq-answer {
    padding: 12px;
  }
 .wrap_m0301 .faq-item.active .faq-answer a{color:var(--main-color); border:1px solid var(--main-color); padding:0.2rem; display:inline-block; margin:0.5rem 0 0 0} 
  .wrap_m0301 .section3{background:white; margin-top:0; }
.wrap_m0301 .section3,  .wrap_m0301 .section3 p{font-size:var(--text-xl)}
  

/*수입대행 신청방법*/
.wrap_m0102_img{text-align:center; width:100%}
.wrap_m0102_img img{width:100%}

/*스토어 찜*/
.wrap_wishshop .wrap_bt{text-align:center}	
.wrap_wishshop .wrap_bt input[type=submit]:hover{color:white; background:linear-gradient(135deg, #0099ff, #c80099) !important}
.wrap_wishshop .wrap_bt input[type=button]:hover{ color:white; background:#333 !important}

/*진행절차*/
.wrap_m0302 .bar2 { color:white;
  width: 150%;
  height: 4px;
  background: linear-gradient(
270deg, var(--main-color), transparent);

  transform: scaleX(0);
  transform-origin: left; 
  animation: growLeft 1s ease forwards;
  display:flex; position:absolute; left:70%; top:50%; height:50px; text-align:center; margin-top:-50px; align-items:center; justify-content:center; line-height:50px;font-size: var(--text-2xl);
    font-weight: 800;  text-shadow:
    -1px -1px 0 black,
     1px -1px 0 black,
    -1px  1px 0 black,
     1px  1px 0 black; z-index:1
  
}
.wrap_m0302 .bar2 span{width:100%; position:relative}
.wrap_m0302 .bar2 span img{position:absolute; top:50%; right:-40px; height:80px; transform:translate(0, -50%) rotateY(180deg)}

.wrap_m0302 .section4 ul li{position:relative}

@keyframes growLeft {
  to {
    transform: scaleX(1);
  }
}

/*찜한 상품*/
.bt_delete2:hover{ background:#333; color:white}
	
/* 페이징 */
.pg_wrap {clear:both;margin:50px 0 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.0em;height:25px;line-height:25px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:25px;line-height:25px;padding:0 0;min-width:25px;border-radius:3px; min-width:30px}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}	

/*회원정보 찾기*/
#find_info .new_win_con{min-height:50vh; margin-top:141px; display:flex; justify-content:center; align-items:center; margin-bottom:0; background:linear-gradient(360deg, white, #f7f7f7);}
#find_info .win_btn{margin-top:20px}

/*시장사입대행 신청*/
.corp_agree .fregister_agree{margin-bottom:50px}
.corp_agree .btn_submit{ margin:0 auto; display:block; color:white; width:150px}
.corp_agree .register{ padding-top:0 !important}
td .nowrap{white-space:nowrap}
.noti1{float:right;color:#ff0000;text-align:right}
.wrap_add_product{width:100%; display:flex; align-items:center; justify-content:space-between}

/*개인정보처리방침/이용약관*/
.layout_item .main_title{margin:0 0 0 0}
.doc{width:100%; margin:0 auto;border:10px solid #ddd; padding:20px; word-break:keep-all; margin-top:50px}
.doc h2{font-size:24px; margin:20px 0 10px 0}
.doc h3{font-size:18px}
.doc .partition{height:20px}
.doc .num{color:#666}

/*OEM신청*/
.mt0{margin-top:0 !important}
.m0102 .ul_list{ margin:30px 0 10px 0}
.m0102 .ul_list li{padding:0 0 10px 10px; position:relative}
.m0102 .ul_list li:before{content:''; position:absolute; width:5px; height:5px; background:#222; border-radius:100%; left:0; top:8px}
.bg_m0102{    content: '';
    position: fixed;
    width: 1000px;
    height: 1000px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
	background-image:url(/img/model1.png) ;
	background-position:50% 0;
	background-repeat:no-repeat;
    background-size: auto 100%;
    opacity: .1;}
.m0102 .section1 {
	position: relative
}
.m0102 .section1:after {
	content: '';
	width: 100px;
	height: 100px;
	background: white;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0) rotate(45deg);
	bottom: -150px; display:none
}
.m0102 .section6:after{ display:none}
.m0102 .section1, .m0102 .section {
	font-size: 18px; overflow:visible
}
.m0102 .section1 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	
	word-break: keep-all
}
.m0102 .section1 .txt {
	width: calc(50% - 50px)
}
.m0102 .section1 .txt p span {
	color: #fc3e3c;
	font-weight: 700;
	margin-top: 10px;
	display: block
}
.m0102 .section1 .txt h2 {
	
	line-height: 1.2
}
.m0102 .section1 .txt h2 span {
	    color: #000;
    font-weight: 900;
}
.m0102 .section1 .txt h3, .m0102 .section7 h4 {
	font-size: 24px;
	margin: 30px 0; word-break:keep-all
}
.m0102 .section1 .img {
	width: 50%;
	border-radius: 20px 0 20px 20px;
	background: #efefef;
	height: 400px;
	overflow: hidden; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
    border: 1px solid #222; position:relative
}
.m0102 .section1 .img span{position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 5px 10px;
    transform: rotate(90deg) translate(100%, -1px);
    transform-origin: top right; font-size:11px}
.m0102 .section2 {
	color: white;
	position: relative;
	padding: 100px 0;
	margin-top: 100px;
	font-size: 18px
}
.m0102 .section2 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	gap: 50px;
	word-break: keep-all;
	flex-wrap: wrap
}
.m0102 .section2 .txt, .m0102 .section2 ul {
	width: 100%
}
.m0102 .section2 .txt h2 {
	font-size: 50px;
}
.m0102 .section2 .txt h2 span {
	color: #0099ff;
	line-height: 1
}
.m0102 .section2 .txt h3 {
	font-size: 30px;
	margin: 30px 0
}
.m0102 .section2 .txt {
	background: #222;
	padding: 100px 0 150px 0
}
.m0102 .section2 .txt .wrap2 {
	width: 50%
}
.m0102 .section2 ul {
	margin: 0 auto;
	margin-top: -100px;
	background: white;
	color: #333;
	width: 1400px;
	border-radius: 40px 40px 0 0;
	padding: 50px;
	display: flex;
	justify-content: center;
	gap: 50px
}
.m0102 .section2 ul li {
	text-align: center;
	width: calc(50% - 50px)
}
.m0102 .section2 ul li .img {
	height: 300px;
	background: #eee
}
.m0102 .section2 ul li h2 {
	padding: 10px 0
}
.m0102 .section2 ul li:nth-child(1) h2 {
	background: #666;
	color: white
}
.m0102 .section2 ul li:nth-child(2) h2 {
	background: #0099ff
}
.m0102 .section2 .scroll {
	color: #ddd;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	gap: 50px;
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
	padding: 0 0 50px 0;
}
.m0102 .section3 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 1400px;
	margin: 100px auto;
}
.m0102 .section3 .noti {
	padding: 20px;
	background: #efefef;
	margin: 10px 0;
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #ccc
}
.m0102 .section4 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
	margin-top: 100px;
	background: #222;
	
	padding: 50px 0;
	background: rgba(200,200,200,.1); max-width:100%; margin:50px 0; backdrop-filter:blur(15px); border:1px dashed #222; border-left:0; border-right:0
}
.m0102 .section4 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
	margin-top: 100px;
	word-break: keep-all;
	position: relative
}
.m0102 .section4 p {
	width: 1400px
}
.m0102 .section4 .txt {
	width: 1400px;
	margin: 0 auto
}
.m0102 .section4 .txt h2 {
	
	line-height: 1.2;
	margin: 20px 0 0 0
}
.m0102 .section4 .txt h2, .m0102 .section1 .txt h2{font-size: 40px;}
.m0102 .section4 .txt h2 span {
	font-weight: normal
}
.m0102 .section4 .txt h3 {
	font-size: 20px;
	color: #fff;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center
}
.m0102 .section4 .txt h3:after {
	content: '';
	width: 100px;
	height: 1px;
	background: #fff
}
.m0102 .section4 .img {
	border-radius: 20px;
	background: #fff;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	font-size: 24px;
	font-weight: 700;
	border: 5px solid #222;
	box-sizing: border-box;
}
.m0102 .section4 ul {
	display: flex;
	justify-content: space-between;
	text-align: left;
	gap: 50px;
	width: 1400px;
	margin: 0 auto
}
.m0102 .section4 ul li {
	width: calc(50% - 25px);
	text-align: center;
	word-break: keep-all; 
}
.m0102 .section4 ul li h2 {
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	background: #222;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	vertical-align: middle;
	margin-top: -25px;
	margin-bottom: 10px
}
.m0102 .section4 ul li h3 {
	font-size: 18px
}
.m0102 .section4 strong, .m0102 .section3 h2 {
	font-size: 24px;
	display: block;
	margin-bottom: 5px
}
.m0102 .section5 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex-wrap: wrap;
	margin-top: 100px;
}
.m0102 .section5 .wrap {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
	margin-top: 100px;
	word-break: keep-all;
	position: relative
}
.m0102 .section5 .txt {
	width: 1400px;
	margin: 0 auto
}
.m0102 .section5 .txt h2 {
	font-size: 50px;
	line-height: 1.2;
	margin: 20px 0 0 0
}
.m0102 .section5 .txt h2 span {
	font-weight: normal
}
.m0102 .section5 .txt h3 {
	font-size: 20px;
	color: #0099ff;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center
}
.m0102 .section5 .txt h3:after {
	content: '';
	width: 100px;
	height: 2px;
	background: #0099ff
}
.m0102 .section5 .img {
	border-radius: 20px;
	background: #efefef;
	height: 300px;
}
.m0102 .section5 ul {
	display: flex;
	justify-content: space-between;
	text-align: left;
	gap: 50px;
	width: 1400px;
	margin: 0 auto
}
.m0102 .section5 ul li {
	width: calc(50% - 25px);
	text-align: center;
	word-break: keep-all
}
.m0102 .section5 ul li h2 {
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	background: #0099ff;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	vertical-align: middle;
	margin-top: -25px;
	margin-bottom: 10px
}
.m0102 .section5 ul li h3 {
	font-size: 24px;
	color: #0099ff;
	margin: 10px 0 0 0
}
.m0102 .section5 ul li p {
	margin: 5px 0 0 0
}
.m0102 .section7{margin-bottom:0; overflow:visible}
.m0102 .section7 .txt h3{display:block}
.m0102 .talk{display:inline-block; color:var(--main-color)}
.m0102 .section7 .img{ position:absolute; left:72%; width:30%; max-width:600px; background:none; border:0; border-radius:0; height:auto; margin-top:-110px}
.m0102 .section7 .img img{width:100%}
.title_table{background:var(--main-color); color:white; padding:10px 20px; border-radius:20px 20px 0 0; display:inline-block;margin:10px 0 0 0; box-sizing:border-box; width:250px; text-align:center}
.t_air{width:100%; margin-bottom:10px}
.t_air th{width:100px}
.t_air td{text-align:center}
.partition{height:var(--partition)}
.blue_text{color:var(--main-color)}

.cart_option {margin-top:10px}
.cart_option table th,.cart_option table td {padding:5px;font-size:14px}
.cart_option table th {text-align:center;background-color:#FAFAFA}
.cart_option table th,.cart_option table td {border-right:1px solid #bbbbbb}
.cart_option table th:last-child,.cart_option table td:last-child {border-right:0px}
.cart_option table td:nth-child(3) {text-align:right}
.cart_option table td:nth-child(4) {text-align:right}
.cart_option table td:nth-child(5) {text-align:right}

#sod_list{width:100%}
.sod_left section{padding:0 0}
#register_form input[type=text], #register_form input[type=password], #register_form input[type=date], #register_form button{ height:40px}
.wrap_m0102_img_new{display:flex; gap:50px}
.wrap_m0102_img_new img{max-width:100%}
  .wrap_m0102_img_new .txt{width:calc(50% - 50px)}
  .wrap_m0102_img_new .img{height:auto; overflow:auto; width:50%; padding:10px}
  .wrap_m0102_img_new li{list-style:decimal; text-align:left; word-break:keep-all; font-size:20px; border-bottom:1px solid #ddd; padding:10px 0}
  .wrap_m0102_img_new li:last-child, .wrap_m0102_img_new li:nth-child(16){list-style:none; text-align:center; border-bottom:0}
  .wrap_m0102_img_new li a, .bt_sinchung{background:var(--main-color); color:white;padding:20px 0; border-radius:50px; margin:30px auto; display:block; width:50%; max-width:323px}
  .bt_sinchung{margin-top:0; text-align:center; font-size:20px}
  .wrap_m0102_img_new li a:hover, .bt_sinchung:hover{ background:linear-gradient(135deg, #c80099, #0099ff)}
  .wrap_m0102_img_new li span{color:#903ed6; padding:0 5px; font-size:18px; font-weight:700}
  
/*마이페이지*/
.ul_type2{display:flex; justify-content:space-between; align-items: stretch; text-align:center; line-height:1.5; border-bottom:1px solid #e5e7eb; width:100%}
.ul_type2 li{border-left: 1px solid #e5e7eb; font-size:14px; flex:1; padding:10px; box-sizing:border-box; overflow:hidden; word-break:break-all}
.ul_type2 li:last-child{border-right: 1px solid #e5e7eb}
.ul_type2 h2{font-size:14px;     background: #f8fafc;
    color: #111827;
    
    font-weight: 700;    padding: 14px 5px;
    border-bottom: 1px solid #e5e7eb; white-space:nowrap; display:none}
.ul_type2 li p{word-break:break-all}	
.ul_header{border-top:2px solid #000; }	
.ul_header h2{display:block}
.ul_header li{padding:0}	
	.ul_type2 .li1{ flex:0 0 14%}
	.ul_type2 .li2{ flex:0 0 140px}
	.ul_type2 .li3{ flex:0 0 7%}
	.ul_type2 .li4{ flex:0 0 calc(63% - 267px)}
	.ul_type2 .li5{ flex:0 0 7%}
	.ul_type2 .li6{ flex:0 0 9%}
	.ul_type2 .li7{ flex:0 0 127px}
/*비용안내*/
.wrap_m0104con{display:flex; width:100%; max-width:1500px; margin:0 auto; gap:5rem; align-items:stretch; margin-bottom:0}
.wrap_m0104con .line{width:1px; background:#999} 
.wrap_m0104 .wrap_m0104con  .m0104con{position:relative; left:auto; top:auto; width:50%}	  
.wrap_m0104 .wrap_m0104con  .m0104con .noti4{margin:2rem 0 0 0}
.wrap_m0104 .wrap_m0104con  .m0104con .noti4 .btn_submit{margin: 0 auto;
    color: white;
    display: block;
 
    padding: 1rem;
    text-align: center;
    border-radius: 0.5rem;
    margin-top: 1rem;}
/*수수료 배송안내*/	
.wrap_m0104 #delivery2 strong{background:#113376}
/*예상견적기*/
.wrap_calculator2{max-width:50%; margin:0 auto}
.ul_calculator{border:5px solid #ddd; padding:2rem}
.ul_calculator li{display:flex; align-items:center; flex-wrap:wrap; padding:0.5rem 0; border-bottom:1px solid #ccc}
.ul_calculator li strong{width:20%}
.ul_calculator li p{width:80%; display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap}
.wrap_calculator2 .bt_calculation, .wrap_m0502 .bt_inquiry{ display:block; width:auto; background:var(--main-color); color:white; font-size:var(--text-xl); margin:2rem auto 0 auto; height: auto;
    padding: 0.5rem 2rem;}
.wrap_calculator2 .row{width:100%; display:flex; padding:0 0 0.25rem 0; gap:0.5rem; align-items:center}
.ul_calculator li:last-child{border-bottom:0}
.newwrap_m0202 {
	background: #f5f6f8;
	padding: 30px;
	color: #1f2937;
    border-radius: 28px;
}
.newwrap_m0202 .tabcontent {
	display: none
}
.newwrap_m0202 .container {
	
	margin: auto;
}
.newwrap_m0202 .badge {
	display: inline-block;
	padding: 8px 16px;
	background: #ffe9df;
	color: #ff6a2a;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 20px;
}
.newwrap_m0202 .title {
	font-size: 56px;
	font-weight: 800;
	color: #12345b;
}
.newwrap_m0202 .title span {
	color: #ff6a2a;
	font-style: italic;
	font-weight: 300;
}
.newwrap_m0202 .subtitle {
	margin-top: 10px;
	color: #6b7280;
}
.newwrap_m0202 .layout {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1.4fr 0.8fr; width:100%;
	gap: 24px;
}
.newwrap_m0202 .card {
	background: white;
	border-radius: 24px;
	padding: 28px;
}
.newwrap_m0202 .quote-panel {
	background: #17365d;
	color: white;
	border-radius: 24px;
	padding: 28px;
}
.newwrap_m0202 .section-title {
	
	font-weight: 700;
	margin-bottom: 12px;
}
.newwrap_m0202 .segment {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: #f3f4f6;
	border-radius: 16px;
	padding: 4px;
}
.newwrap_m0202 .segment button {
	height: 56px;
	border: none;
	background: none;
	border-radius: 12px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
}
.newwrap_m0202 .segment button.active {
	background: #ef0000;
	color: white;
}
.newwrap_m0202 .input-group {
	margin-top: 28px;
}
.newwrap_m0202 .input-group label {
	display: block;
	margin-bottom: 10px;
	font-weight: 600;
}
.newwrap_m0202 .input {
	width: 100%;
	height: 56px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 0 16px;
	font-size: 18px;
}
.newwrap_m0202 .product-box {
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 15px;
}
.newwrap_m0202 .product-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}
.newwrap_m0202 .number {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #16365d;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.newwrap_m0202 .product-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
}
.newwrap_m0202 .add-btn {
	width: 100%;
	height: 70px;
	border: 2px dashed #d1d5db;
	border-radius: 16px;
	background: white;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	color: #6b7280;
}
.newwrap_m0202 .option-wrap {
	margin-top: 30px;
}
.newwrap_m0202 .option-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.newwrap_m0202 .red-box {
	background: #ef0000;
	color: white;
	border-radius: 16px;
	padding: 25px;
	text-align: center;
}
.newwrap_m0202 .gray-box {
	background: #f3f4f6;
	border-radius: 16px;
	padding: 25px;
	text-align: center;
}
.newwrap_m0202 .quote-title {
	color: #a9bfd9;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
}
.newwrap_m0202 .quote-row {
	display: flex;
	justify-content: space-between;
	padding: 18px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.newwrap_m0202 .total-box, .newwrap_m0202 .vat-box {
	margin-top: 25px;
	background: rgba(255,255,255,.06);
	border-radius: 18px;
	padding: 25px;border: 1px solid rgba(256, 256, 256, .2);
}
.newwrap_m0202 .vat-box{display: flex;
    justify-content: space-between;
    align-items: center;}
.newwrap_m0202 .total-label, .newwrap_m0202 .vat-label {
	color: #cdd7e4;
}
.newwrap_m0202 .total-price, .newwrap_m0202 .vat-price {
	font-size: 42px;
	font-weight: 800;
	margin-top: 10px; text-align:right
}
.newwrap_m0202 .vat-price{font-size:16px}
.newwrap_m0202 .notice {
	margin-top: 18px;
	padding: 15px;
	border-radius: 12px;
	background: rgba(255,120,120,.08);
	border: 1px solid rgba(255,120,120,.3);
	color: #ffd3d3;
	font-size: 14px;
}
.newwrap_m0202 .actions {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.newwrap_m0202 .actions button {
	height: 54px;
	border: none;
	border-radius: 12px;
	background: #24456f;
	color: white;
	cursor: pointer;border: 1px solid rgba(256, 256, 256, .2);
}
.newwrap_m0202 .line-total {
	text-align: right;
	margin-top: 15px;
	font-weight: 700;
	color: #111827;
}
.newwrap_m0202 .calc-box {
	margin: auto;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	padding: 28px 32px;
	margin-top: 24px
}
.newwrap_m0202 .calc-box .calc-title {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 24px;
}
.newwrap_m0202 .calc-box formula-row {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 18px;
	line-height: 1.8;
}
.newwrap_m0202 .formula-row {
	display: flex;
	margin: 1rem 0
}
.newwrap_m0202 .calc-box .formula-label {
	min-width: 95px;
	font-size: 16px;
	font-weight: 800;
	color: #ff2b2b;
}
.newwrap_m0202 .calc-box .formula-text {
	flex: 1;
	font-size: 16px;
	color: #666;
	font-weight: 500;
}
.newwrap_m0202 .calc-box .divider {
	height: 1px;
	background: #ddd;
	margin: 24px 0;
}
.newwrap_m0202 .calc-box .notice {
	font-size: 17px;
	color: #888;
	line-height: 1.8;
}
.newwrap_m0202 .calc-box .notice strong {
	color: #666;
}
.newwrap_m0202 .container_plist {
	max-width: 900px;
	margin: auto;
}
.newwrap_m0202 .container_plist .section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}
.newwrap_m0202 .container_plist .section-title span {
	color: #0b2e5f;
}
.newwrap_m0202 .container_plist .card {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	padding: 20px; background:#f5f6f8; margin-bottom:18px
}
.newwrap_m0202 .container_plist .product-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.newwrap_m0202 .container_plist .product-left {
	display: flex;
	align-items: center;
	gap: 10px;width: calc(100% - 80px);
}
.newwrap_m0202 .container_plist .badge {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: #123b73;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	margin-bottom: 0
}
.newwrap_m0202 .container_plist .product-name {
	font-size: var(--text-lg);
	color: #b5b5b5;
	font-weight: 700; width:calc(100% - 46px)
}
.newwrap_m0202 .container_plist .delete-btn {
	border: none;
	background: #f3f3f3;
	color: #333;
	padding: 10px 16px;
	border-radius: 10px;
	cursor: pointer;
	border: 1px solid #999; display: flex;
    align-items: center;
}
.newwrap_m0202 .container_plist .form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1.6fr;
	gap: 12px;
}
.newwrap_m0202 .container_plist .form-group label {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
	color: #666;
	font-weight: 600;
}
.newwrap_m0202 .container_plist .input-box {
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	background: #fff;
	display:flex; gap:1rem; align-items:center
}
.newwrap_m0202 .container_plist .input-box {}
.newwrap_m0202 .container_plist .input-box span{white-space:nowrap}
.newwrap_m0202 .container_plist .input-box  input, .newwrap_m0202 .container_plist .input-box select{border:0; width:80%}
.newwrap_m0202 .container_plist .input-box select{width:100%; background:white}
.newwrap_m0202 .container_plist .category {
	font-weight: 700;
	color: #111;
}
.newwrap_m0202 .container_plist .line-summary {
	margin-top: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center; background:#fff
}
.newwrap_m0202 .container_plist .line-summary strong {
	color: #444;
}
.newwrap_m0202 .container_plist .add-product {
	margin-top: 18px;
	border: 2px dashed #d8dce3;
	border-radius: 16px;
	padding: 22px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	font-weight: 700;
	color: #555;
}
.newwrap_m0202 .container_plist .option-title {
	margin: 40px 0 16px;
	font-size: 20px;
	font-weight: 700;
}
.newwrap_m0202 .container_plist .delivery-label {
	margin-bottom: 14px;
	font-weight: 700;
	color: #666;
}
.newwrap_m0202 .container_plist .delivery-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
}
.newwrap_m0202 #tab2 .container_plist .delivery-wrap{
	grid-template-columns: 1fr;}
.newwrap_m0202 .container_plist .delivery-box {
	padding: 24px;
	text-align: center;
}
.newwrap_m0202 .container_plist .delivery-box.red {
	background: #ea0000;
	color: #fff;
}

.newwrap_m0202 .container_plist .delivery-box.red p {
	margin-top: 8px;
	font-weight: 600;
}
.newwrap_m0202 .container_plist .delivery-box.gray {
	background: #f2f2f2;
}
.newwrap_m0202 .container_plist .delivery-box.gray h3 {
	color: #5a6574;
}
.newwrap_m0202 .container_plist .delivery-box.gray p {
	color: #9aa0a9;
}
.newwrap_m0202 .container_plist .warning {
	margin-top: 12px;
	color: #ff6633;
	font-weight: 700;
}
.newwrap_m0202 .container_plist .notice {
	margin-top: 18px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	padding: 20px;
	line-height: 1.6;
	color: #666
}
.newwrap_m0202 .container_plist .notice strong {
	font-weight: 800;
}
.newwrap_m0202 #rate, .newwrap_m0202 #rate2 {
	text-align: right
}
.newwrap_m0202 .ex {
	opacity: 0.5
}
.newwrap_m0202 .c_white{color:white}


.newwrap_m0202 .shipping-box {
  padding: 24px;
  background: #f5f5f7;
  border-radius: 16px;
  font-family: sans-serif; margin-bottom:24px
}

.newwrap_m0202 .title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.newwrap_m0202 .title {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}

.newwrap_m0202 .shipping-box .badge, .newwrap_m0202 .form-grid .badge {
  padding: 6px 12px;
  font-size: 14px;
  color: #6b7280;
  background: #ddd;
  border-radius: 8px; width:auto; height:auto
}
.newwrap_m0202 .form-grid .badge { color:#123b73}
.newwrap_m0202 #tab2 .container_plist .form-group label {
   
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 28px;
}

.newwrap_m0202 .price-info {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #666;
  font-size: 18px;
}

.newwrap_m0202 .price-info b {
  color: #1f2937;
  font-weight: 700;
}

.newwrap_m0202 .dot {
  color: #bdbdbd;
}

.newwrap_m0202 .input-wrap {
  height: 64px;
  padding: 0 20px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newwrap_m0202 .minimum{color:#ff6633}
.newwrap_m0202 .placeholder {
  color: #a1a1aa;
  
  font-weight: 600;
}

.newwrap_m0202 .unit {
  color: #9ca3af;
 
  font-weight: 600;
}

.newwrap_m0202 .notice {
  margin-top: 12px;
  color: #9ca3af;
  font-size: 15px;
}

.newwrap_m0202 .notice strong {
  color: #111827;
}
.newwrap_m0202 #tab2  .container_plist .form-grid{    grid-template-columns:1fr 1fr 1fr 1.7fr;}

.newwrap_m0202 .info-box {
    width: 100%;
    background: #f5f6f8;
    border: 1px solid #d9dde3;
    border-radius: 16px;
    padding: 18px 22px; margin-bottom: 28px;
}

.newwrap_m0202 .info-box .info-content {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.newwrap_m0202 .info-box .icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #173f73;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.newwrap_m0202 .info-box .text {
    color: #5f6670;
    font-size: 15px;
    line-height: 1.7;
    word-break: keep-all;
}

.newwrap_m0202 .info-box .text strong {
    color: #111827;
    font-weight: 700;
}
.newwrap_m0202 .blue_sum{display:none}
.newwrap_m0202 .tab1_sum{display:block}
.newwrap_m0202 .container_plist .delivery-box h3{padding:0 0; margin:0 0; margin-bottom:1rem}
 
/*장바구니*/
.td_option .title{padding: 5px;
        border: 0px solid #ccc;
        font-size: 14px;
        background: #eee;
        font-weight: 500;
        margin: 0 0 5px 0; display:block; text-align:center; white-space:nowrap}
.td_option ul{width:100%; display:flex}	
.td_option ul li{width:calc(100%/4); padding:5px}
.td_option .total{text-align:right}
.td_option .ch_num{white-space:nowrap}	

/*적립금 내역*/
.layout_mypage .search .wap_date .wrap_bt{display:inline-block; margin:0 0 0 20px}

/*예치금 내역*/
.layout_mypage .amount_list .m_only{display:none}
.layout_mypage .con .dp_tbWrap .dp_tb .dp_t_b_r button{width:100%; border-radius:5px; font-size:16px; font-weight:700}
.bt_refund:hover{color:white; background:#333}
.search .wrap_bt button:hover{color:var(--main-color); border:1px solid var(--main-color)}
.search .wrap_pay button:hover{ background:var(--main-color); color:white}

/*주문상세*/
.t_cart2{display:flex; width:100%}
.t_cart2 .title{display:block; border-bottom:1px solid #ccc}
.t_cart2 .title{    padding: 5px;
    border: 0px solid #ccc;
     font-size:16px; background:#eeeeee; font-weight:500; margin:0 0 5px 0; white-space:nowrap; text-align:center}
.t_cart2 ul{display:flex}
.t_cart2 li{border:1px solid #ccc; padding:10px; box-sizing:border-box; width:20%; margin-left:-1px}	 
.t_cart2 li:last-child{width:60%}
.wrap_ha{display:flex; gap:50px}
#sod_frm .wrap_ha table{width:50%}
#sod_frm .wrap_ha div{width:calc(50% - 50px)}
#sod_frm .wrap_ha div div{width:100%}
.t_cart2 .product_detail .ul_product_detail{flex-wrap:wrap}
.t_cart2 .product_detail .ul_product_detail li{width:20%; margin-top:-1px; margin-left:-1px}
.t_cart2 .product_detail .ul_product_detail li:last-child{display:none}
.t_cart2 .product_detail .ul_product_detail:last-child li:last-child{display:block; width:100%}
.t_cart2 .li_pimg{ width:100px}
.t_cart2 .li_pname{ width:calc(30% - 100px)}
.t_history{width:100%}
.t_history th{text-align:center; font-weight:bold; background:#eee}
.t_history td{text-align:center}

/*회원가입 완료*/
#reg_result{    max-width: 350px;
    margin: 0 auto;
    margin-top: 250px; padding-top:40px !important}
#reg_result p {
    line-height: 1.5 !important;
    font-size: 18px;
}	
/*결제하기*/
.payment_con .pay_box, .payment_con .pay_list_bt{display:flex; align-items:center; gap:20px}
.payment_con{display:flex; justify-content:space-between; align-items:stretch; margin:50px 0 0 0; gap:50px; flex-direction:row-reverse}
.payment_con .payment_lb{ width:calc(100% - 350px)}
.payment_con .payment_rb{    border-radius: 20px;
    border: 5px solid #ccc; padding:20px;     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); width:300px}
.payment_con .bt_payment, .layout_mypage .payment_con .payment_rb button{ width:100%; background:var(--main-color); color:white; font-size:18px; border-radius:10px; line-height:3; height:auto; margin:50px 0 0 0}	
.payment_con h3, .layout_mypage .payment_con .pay_r_bt_con h1{border-top:1px solid #ccc; padding:20px 0 0 0; margin:20px 0 10px 0; width:100%; display:block; font-size:20px }
.payment_con h3 span, .payment_con .noti3{font-size:16px; font-weight:normal; color:red}
.payment_con .pay_r_bt{display:flex; flex-wrap:wrap; height:100%}
.payment_con .pay_r_bt_con, .wrap_pay_r_bt_con, .payment_con .payment_lb table{width:100%}
.payment_con .payment_lb table th, .payment_con .payment_lb table td{border-top:0 !important}
.payment_con .noti3{margin:10px 0 0 0}
.payment_con .estimated_amount{border-top:0}
.payment_con .use_box{ display:flex; align-items:center; gap:10px}
.payment_con .bt_pay{ white-space:nowrap}
.payment_con .pay_list{ display:flex; flex-wrap:wrap; gap:10px}
.payment_con .pay_list_bt{gap:10px; width:100%}
.payment_con .pay_list_bt label{display:flex; gap:10px; align-items:center}
.payment_con .pay_box_first{margin-bottom:10px}
.payment_con .account{ text-align:center; width:100%; padding:20px; justify-content:center; background:#eee; margin:0 0 10px 0; border:1px solid #ccc; border-radius:10px}
.payment_con .first_h3{border-top:0}
.payment_con .wrap_pay_r_bt_con h2{text-align:right}

/*상품보기*/
.ten_thousand{    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;}
.ten_thousand a{background: #ddd;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: 0; margin-bottom:0.5rem}
.ten_thousand .open-btn260604{background:var(--main-color); color:white}

/*시장사입대행 신청내역*/
.t_cart22 .product_detail .ul_product_detail li{width:25%}
.t_cart22 .product_detail .ul_product_detail:last-child li:last-child {
  
    width: calc(100% - 3px);
}



/*상품목록*/
.wrap_category1{margin:0 0 15px 0; width:100% }
.wrap_category1 .t_category{border:0}
.wrap_category{display:flex; gap:30px; align-items:flex-start}
.wrap_category form{width:calc(100% - 330px)}
.wrap_category table{min-height:207px; width:100%}
.wrap_category .store_info{width:300px;     border-radius: 20px;
    border: 5px solid #ccc;
    padding: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); font-size:14px}
.wrap_category .store_info input{    width: 100%;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 10px; margin-top:10px;
    border: 1px solid #0099ff;
    background-color: white;
    color: #0099ff;}
.wrap_category .store_info .on{background:#0099ff; color:#fff}
.Trending_Keywords{background: #ddd;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: 0; display:inline-flex; gap:0.5rem; flex-wrap:wrap}
.Trending_Keywords a{background:none; padding:0 0; border-radius:0; border:0; text-decoration:underline; margin-bottom:0}	

/*게시판*/
.more_opt button{ font-size:14px; padding:0 0}	
#bo_v_title .bo_v_tit{font-size:var(--subtitle)}
#bo_v_atc, #bo_v_info{padding:0 0}	

.left #left .mmenu{display:none}

/*리스트*/
.list_bar{ margin:20px 0}

/*마이페이지 결제하기*/
.layout_mypage .payment_con:after{display:none}
.layout_mypage .payment_con .payment_lb h1{font-size:20px}
.layout_mypage .payment_con .payment_lb .s_s_title2{gap:9px; display:flex; align-items:center}
.layout_mypage .payment_con .payment_lb .pay_box div h1, .layout_mypage .payment_con .payment_lb .pay_list_bt div h1{font-size:16px}
.layout_mypage .payment_con .payment_rb button{}

/*상품보기*/
.t_category th, .t_category td{text-align:left !important}

/*스토어 찜*/
.layout_mypage .title h2, .product_detail .title, .store_info .title{ font-size:var(--subtitle)}
.t_wishshop .gogo_store{display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;}
.t_wishshop .gogo_store span{float:right; border:1px solid #ddd; border-radius:30px; padding:5px 10px}
.t_wishshop .gogo_store span .i_store{background:var(--main-color); border-radius:100%; padding:5px; display:inline-flex; align-items:center}
.t_wishshop .gogo_store:hover{color:var(--main-color)}
.t_wishshop .gogo_store:hover span{ background:var(--main-color); color:white}

/*시장사입 장바구니*/
.wrap_corp_cart #opt_area .itemtable .row_color{position:relative}
.wrap_corp_cart #opt_area .itemtable .div_add_color{position: absolute;
    left:10px;
    top: 50%;
	transform:translate(0, -50%); margin-top:30px}

/*수수료/배송안내*/
.blue_noti{background: #dfe7f8;
    border-radius: 16px;
    padding: 40px;
    max-width: 1500px; margin:0 auto; margin-top:2rem}	
.blue_noti h2{font-size:24px; margin-bottom:20px}

/*오시는 길*/
.new_wrap_m0104 .wrap_location{display:flex; gap:20px; justify-content:space-between}
.new_wrap_m0104 .wrap_location .location{width:calc(33.33% - 20px)}
.new_wrap_m0104 .wrap_location .location iframe{width:100% !important; margin-top:20px}

/*자주 묻는 질문*/	
.wrap_m0602 .wrap_m0301 .section2{padding:0 0; margin-top:0; background:none}

/*찜한 상품*/
.t_wish, .t_wishshop{margin-bottom:10px}
.t_wish th, .t_wishshop th{text-align:center}
.t_wish .empty{text-align:center}



/*주문정보*/
.orderview_wrapbt{float:right;padding-bottom:10px}
.p_num{position:relative; padding:0 0 0 20px; word-break:keep-all; margin:0 0 10px 0}
.p_num span{position:absolute; left:0}

/*혜택안내*/
.justify{background:var(--main-color); color:white; padding:5px 10px; border-radius:20px; display:inline-block}
.t_level td .p_level{font-size:20px; font-weight:900}
.wrap_justify{display:flex; align-items:flex-start; gap:20px; color: #666;
    font-size: 14px;}
.benefit_con{display:flex; align-items:center; width:100%; box-sizing:border-box; min-height:190px}
.benefit_con img{height:300px}	
.benefit_con ol{display:flex; align-items:stretch; width:calc(100% - 95px); flex-wrap:wrap; padding-left:95px; background:#e6f3ff; min-height:190px; margin-left:95px; border-radius:0 2rem 2rem 0}
.benefit_con ol li{width:25%; word-break:keep-all; display:flex; justify-content:center; align-items:center; padding:2rem; box-sizing:border-box; border-bottom:1px solid white; border-radius:1px solid white; position:relative}
.benefit_con ol li:nth-child(4), .benefit_con ol li:nth-child(8){border-right:0; padding-right:2rem}	
.benefit_con ol li:nth-child(5), .benefit_con ol li:nth-child(6), .benefit_con ol li:nth-child(7), .benefit_con ol li:nth-child(8){border-bottom:0}
.benefit_con ol li span{width:40px; height:40px; border-radius:100% 0 100% 100%; background:var(--main-color); display:flex; justify-content:center; 
align-items:center; position:absolute; right:-5px; top:-20px; box-sizing:border-box; color:white}
/*회원등급별 혜택*/
.m0204_row1{display:flex; justify-content:space-between; align-items:flex-end}	
.m0204_row1 ol li{padding:0.5rem; text-align:center; box-sizing:border-box; border-bottom: 5px solid white;
    border-right: 5px solid white;
}
.m0204_row1 .special{display:flex; justify-content:space-between; align-items:center; text-align:center; padding:2rem; border-radius:2rem; font-size: var(--text-xl); 
background:linear-gradient(315deg, #f85849, #fd6f59); word-break:keep-all; color:white}
.new_wrap_m0204 .benefit{width:calc(70% - 2rem)}
.new_wrap_m0204 .special{width:30%; text-align:center; justify-content:center; height:190px}
.new_wrap_m0204 .title{font-size: var(--text-xl); margin:0 0 1rem 0; color:#333}
.new_wrap_m0204 .box{width:190px; height:190px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:100%; position:absolute; left:0; border:5px solid white; box-sizing:border-box}

.wrap_newm0101 .section1 .txt h3{ margin-top:0}
body{position:inherit !important}

/*초보자 가이드*/
.day-card button{display:inline-flex; align-items:center}




    .wrap-title .category-tabs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		
      height:60px;

      overflow: hidden;

      border: 1px solid #d9d9d9;
      border-radius: 13px; 
    }

    .wrap-title .category-tab {
      border: 0;
      border-right: 1px solid #d9d9d9;

      background: #fff;
	  color:#333;

      font-size: var(--text-xl);
      font-weight: 700;

      transition: 0.2s; height:auto; cursor:pointer
    }

    .wrap-title .category-tab:last-child {
      border-right: 0;
    }

    .wrap-title .category-tab.active {
      background: var(--main-color);
      color: #fff;
    }


    /* =========================
       스포츠 메뉴
    ========================= */

    .wrap-title .sports {
      display: flex;
      gap: 15px;

      margin-top: 25px;

      overflow-x: auto;
      overflow-y: hidden;

      scrollbar-width: none;

      /*
        PC 마우스 드래그
      */
      cursor: grab;
      user-select: none;

      /*
        모바일 터치
      */
      touch-action: pan-x;

      /*
        버튼이 줄어들지 않도록
      */
      white-space: nowrap;
    }

    .wrap-title .sports::-webkit-scrollbar {
      display: none;
    }

    .wrap-title .sports.dragging {
      cursor: grabbing;
      scroll-behavior: auto;
    }

    .wrap-title .sport-btn {
      flex: 0 0 auto;

      height: 66px;
      padding: 0 28px;

      border: 1px solid #ddd;
      border-radius: 35px;

      background: #fff;
      color: #333;

      font-size: 23px;
      font-weight: 700;

      white-space: nowrap;

      transition:
        background 0.2s,
        border-color 0.2s,
        color 0.2s; cursor:pointer
    }

    .wrap-title .sport-btn.active {
      border: 2px solid var(--main-color);
      background: #f5f8ff;
      color: var(--main-color);
    }


    /* =========================
       견적 박스
    ========================= */

    .wrap-title .quote-box {
     

      padding: 26px 24px 25px;

      border: 2px solid #f3d4b3;
      border-radius: 13px;

      background: #fffaf5; max-width:800px; margin-bottom:83px; margin-top:-43px
    }
.translated-ltr .wrap-title .quote-box br{display:none}
    .wrap-title .quote-description {
      margin: 0;

      color: #444;

      font-size: var(--text-md);
      line-height: 1.75;

      letter-spacing: -0.5px;
    }

    .wrap-title .quote-description strong {
      color: #222;
      font-weight: 800;
    }

    .wrap-title .quote-button {
      width: 100%;
      height: 60px;

      margin-top: 17px;

      border: 0;
      border-radius: 8px;

      background: var(--point-color);
      color: #fff;

      font-size: var(--text-xl);
      font-weight: 800;

      transition: background 0.2s;
    }



    /* =========================
       상품 헤더
    ========================= */

    .wrap-title .section-header {
      display: flex;
      align-items: center;
      justify-content: space-between;

      margin-top: 43px;
      padding-bottom: 22px;

      border-bottom: 2px solid #ddd;
    }

    .wrap-title .title-area {
      display: flex;
      align-items: baseline;

      gap: 13px;
    }

    .wrap-title .title-area h1 {
      margin: 0;

      font-size: 29px;
      font-weight: 800;

      letter-spacing: -1px;
    }

    .wrap-title .count {
      color: #777;
      font-size: 21px;
    }


    /* =========================
       검색 / 필터
    ========================= */

    .wrap-title .filter-button {
      display: flex;
      align-items: center;

      gap: 15px;

      height: 74px;
      padding: 0 28px;

      border: 2px solid #ddd;
      border-radius: 9px;

      background: #fff;
      color: #333;

      font-size: 23px;
      font-weight: 700;
    }

    .wrap-title .filter-button:hover {
      background: #fafafa;
    }

    .wrap-title .filter-icon {
      position: relative;

      width: 23px;
      height: 18px;
    }

    .wrap-title .filter-icon::before,
    .wrap-title .filter-icon::after,
    .wrap-title .filter-icon span {
      position: absolute;

      display: block;

      height: 2px;

      border-radius: 2px;

      background: #555;

      content: "";
    }

    .wrap-title .filter-icon::before {
      top: 2px;
      left: 0;

      width: 22px;
    }

    .wrap-title .filter-icon::after {
      top: 10px;
      left: 0;

      width: 13px;
    }

    .wrap-title .filter-icon span {
      top: 10px;
      left: 7px;

      width: 2px;
      height: 7px;
    }
@media(max-width:1850px){
/*.onepage{margin-top:0; padding-top:250px}*/
	}
@media(max-width:1700px){
/*수수료/배공안내*/	
.wrap_m0104 .m0104con{backdrop-filter: blur(15px);         border: 1px solid white; top:190px}	

	}
@media(max-width:1600px){
.layout_item .wrap_bt3, .wrap_bt3{padding:20px 20px}
.m0102 .section7 .img{ left:auto; max-width:35%; right:50px}	
.m0102 .section1 .img{height:auto}
.onepage, .ul_yechi .ul_service2{width:calc(100% - 100px) !important}
.layout_mypage{width:100%}
.layout_item .img{height:auto}
.layout_mypage .left{width:300px}
.layout .layout{padding:0 0}

/*FAQ*/
.wrap_m0602 .m0103 .section2 .wrap{width:100%}

/*스타일퀵소개*/
.wrap_newm0101 .section1 .wrap {
    width: 100%; align-items:flex-start
}
.wrap_newm0101 .section1 .img{height:auto}

/*오시는 길*/
.new_wrap_m0104 iframe{width:100% !important}

/*예상견적계산기*/
.newwrap_m0202 .layout{padding:0 0}

/*진행절차*/
.wrap_m0205 .m0103 .section4 ul{width:100%}

/*초보자 가이드*/
.m0103 .section2 ul{width:100%}
.m0103 .section3{padding:0 0; padding-bottom:3rem}

/*혜택안내*/
.ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{width: 511px;}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p{width: 464px;}

/*회원등급별 혜택*/
.benefit_con img{ height:auto}
.new_wrap_m0204 .benefit {
    width: calc(70% - 1rem);
}
.new_wrap_m0204 .box{border-radius:0; width:150px}
.benefit_con ol{padding-left:0}
	}
@media(max-width:1500px){
.m0102 .section4 ul, .m0102 .section4 .txt{width:100%}	
.m0102 .section4{padding:50px 50px}	
.m0102 .section7{justify-content:left}
.m0102 .section7 .txt{ width:64%; margin:0}
	
.m0103 .section3 .txt, .m0103 .section5 .txt, .m0103 .section1 .wrap, .m0103 .section4 ul, .m0102 .section1 .wrap{width:100%}
.m0103 .section4{padding:100px 50px}	
.m0103 .section1 .img img{height:100%; max-width:none}
.m0103 .section4 .img{padding-bottom:30px}
.m0103 .section1, .m0103 .section{font-size:16px}
.wrap_m0104 .m0104con{background:rgba(256,256,256,.5)}
.wrap_m0104 .m0104con strong{padding:5px 5px; word-break:keep-all}
.wrap_m0104 .m0104con li p {
  
    width: calc(80% - 20px);
}
.wrap_m0104 .m0104con{top:200px}

/*진행절차*/
.wrap_m0205     .m0103 .section4 {
        padding: 50px 0;
    }
	
/*취소/반품안내*/	
.wrap_m0203 .wrap_noti .num {
    width: 50px;
    height: 50px;}
.wrap_m0203 .wrap_noti{gap:20px}
.wrap_m0203 .wrap_noti .noti
 {
    width: calc(25% - 20px);}

/*플러스케어 서비스*/
.subservice .ul_service3 li{width:calc(33.33% - 20px)}	
	}
@media(max-width:1400px){
.m0102 .section1 .txt h2, .m0102 .section4 .txt h2{font-size:40px}
.m0102 .section1 .txt h3, .m0102 .section7 h4{font-size:18px}
.m0102 .section4 .txt h2{margin:0 0 0 0}
.m0102 .section4 ul, .m0102 .section4{gap:30px}

	
.wrap_m0104 .m0104con ul {
    margin: 10px 0 0 0;}

/*혜택안내*/
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p, .ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{width: 464px;}	

/*마이페이지 결제하기*/
.layout_mypage .payment_con{gap:30px}
.layout_mypage .payment_con .payment_rb{width:200px}
.layout_mypage .payment_con .payment_lb {
    width: calc(100% - 230px);
}
/*스타일퀵소개*/
.wrap_newm0101 .section1{padding:0 0}
.wrap_newm0101 .section1 .wrap {gap:20px}
/*예상견적계산기*/
.newwrap_m0202 #tab2 .container_plist .form-grid {
    grid-template-columns: repeat(2, 1fr);
}
.newwrap_m0202 .container_plist .delivery-wrap {
 
    grid-template-columns: 1fr;}
.newwrap_m0202 .container_plist .form-grid{grid-template-columns: 1fr;}	
	
/*상품목록*/	
.translater {
    margin: 0.5rem 0 0 0;}
	

/*오시는 길*/
.new_wrap_m0104 .wrap_location{gap:10px; align-items:stretch}
.new_wrap_m0104 .wrap_location .location{width:calc(33.33% - 10px); display:flex; flex-wrap:wrap; align-content:space-between}	

.left .depth2 li a{padding:10px 10px; text-align:center; word-break:keep-all;     height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;}
.left .depth2{align-items:stretch}
	}
@media(max-width:1300px){
.sub_wrap{width:100%}
.rproduct .list li img{ height:200px}
.rproduct .list li a .title{flex-wrap:wrap; gap:5px; justify-content:center}
.rproduct .list li a .title h2{width:100%}	

/*진행절차*/
.wrap_m0205 .m0103 .section4 .img{padding:0 10px}
	}	
@media(max-width:1280px){
.m0102 .section1 .txt h2, .m0102 .section4 .txt h2{font-size:30px}
.m0102 .section4 .img{font-size:18px; height:150px}
.m0102 .section4 ul li h3{font-size:16px}
.m0102 .section7{ justify-content:left}
.m0102 .section7 .img{border:0; width:30%; margin-top:0}
.m0102 .section7 .txt{width:65%}
	
.list .item .img {
   overflow:hidden;  width:100%; position:relative
}	
.m0103 .section4 .img{padding:0 10px; padding-bottom:30px}
.wrap_m0104 .noti3{text-align:left}
    .wrap_m0104 .m0104con ul {
        margin: 0 0 0 0;
    }

.wrap_m0104 .m0104con, .wrap_m0104 .noti3{font-size:14px}		
.wrap_m0104 .m0104con h3{font-size:18px}
.wrap_m0104 .m0104con strong{word-break:keep-all}
.wrap_m0104 video{margin-top:199px; min-height:inherit}	
	
.ul_service li {
    width: calc(33.33% - 20px);}		
/*시장사입대행 신청*/
.register, .sub_wrap{width:100%}
.layout_item .dl_option dd {
    width: 75%;
}
.layout_item{width:100%}
.layout_item .wrap_flex{position:relative}
.layout_item .item_info .info .wrap_bt{position:absolute; right:0; top:-50px; gap:10px}
.layout_item .main_title{margin-bottom:0}
.register{padding:0 50px}
.layout_mypage .wrap .inner{flex-wrap:wrap}

.cart_table	th{width:auto !important}
.t_info th{white-space:nowrap}

/*적립금 내역*/
.layout_mypage .search .wap_date .wrap_bt{display:flex; margin:5px 0 0 0px; width:100%; gap:5px}
.layout_mypage .search .wap_date .wrap_bt button{padding:0 5px}

/*상품목록*/
.wrap_category{gap:20px}
.wrap_category form {
    width: calc(100% - 320px);
}
.bar p, .wrap_category{font-size:14px}
.wrap_category th{width:50px !important}


/*진행절차*/
.wrap_m0205 .m0103 .section4 ul li {
    width: calc(50% - 10px);}
.wrap_m0302 .bar2 {
    color: white;
    width: 30%;
    height: 4px;
    background:none;
    transform: none;
    transform-origin: left;
    animation: none;
    display: flex;
    position: absolute;
    left: 60%;
    top: 90%;
    height: 30px;
    text-align: center;
    margin-top: -50px;
    align-items: center;
    justify-content: center;
    line-height: 50px;
    font-size: var(--text-2xl);
    font-weight: 800;
    text-shadow: none;
    z-index: 1;
    left: 60%;        color: var(--main-color);}	
.wrap_m0302 .bar2  img{display:none}	
.wrap_m0302 .bar2::after{    content: "\f063";    font: normal normal normal 50px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; position:absolute;         font-size: 100px;
        bottom: -110px;}
/*혜택안내*/
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p, .ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{width: 100%}	
/*수수료/배송안내*/
.wrap_m0104con{gap:2rem}
.wrap_m0104 .m0104con li p{font-size:14px}

	}
	
@media(max-width:1200px){
		
.left .main_title{text-align:left}	
.m0103 .section4 .img{gap:5px}
.m0103 .section4 .img h3 {
    font-size: 20px;}
.layout_item .item_info .info .wrap_bt2{flex-wrap:wrap}
.layout_item .item_info .info .wrap_bt2 button, .layout_item .item_info .info .wrap_bt2 input {
    width: calc(50% - 5px)}	
.layout_item .item_info .info .last_selected{border-radius:10px; margin-bottom:10px}	
.layout_item .dl_option{margin:25px 0 0 0}
.layout_item .dl_option dt, .layout_item .dl_option dd{width:100%}

.layout_item .dl_option dd{margin-bottom:20px}
.layout_item .dl_option dt{    border: 1px solid #ddd;
    width: 100%;
    padding: 10px 20px;
     background:#f8f8f8}
.layout_item .item_info .info div{padding:0 0}	
.layout_item .dl_option .dd_size li{padding:0 0 10px 0}
.layout_item .main_title{margin-bottom:25px}
.ul_type2 .li3 {
    flex: 0 0 46px;
}
.layout_mypage .item{flex-wrap:wrap}
.layout_mypage .con, .layout_mypage .left{width:100% !important}


/*마이페이지*/
.layout_mypage{margin-top:170px}
.my_info{position:relative}
.my_info .card, .my_info .bt_cart{ width:45%}
.my_info ul{ width:50%}
.my_info ul{position:absolute; right:0; top:0}
.left_head{display:flex; width:100%; gap:40px}
.left_head .my_info{width:50%}
.left_head ul{width:calc(50% - 40px)}
.left_head .my_info .card, .left_head .my_info .bt_cart{width:100%}

/*상품리스트*/
.translater{margin:0.5rem 0 0 0}

/*상품보기*/
.layout .layout{padding-top:0}


/*시장사입대행 신청*/
.cart_table th, .cart_table td, .sub_table2 th, .sub_table2 td{border-right:0 !important}
.t_info tr{width:100%}
.t_info tr, .t_info th, .t_info td, .t_info, .t_info tbody, .itemtable .sub_table .m_only, .itemtable .sub_table2 .m_only{display:block}
.itemtable .sub_table th{display:none} 
.itemtable .sub_table .title, .itemtable .sub_table2 .title, .wrap_vvic_cart td .title{    padding: 5px;
    border: 0px solid #ccc; font-size:14px; background:#eee; font-weight:500; margin:0 0 5px 0}
.td_delete{width:60px}
#opt_area .itemtable, #opt_area .itemtable tr, #opt_area .itemtable th, #opt_area .itemtable tbody, #opt_area .itemtable td{ display:block; width:100%; box-sizing:border-box; padding:10px 0}
.m0101 .sub_table thead{display:none}
.m0101 .sub_table2 .total_sum, .m0101 .sub_table2 .total_num{width:50% !important; box-sizing:border-box}
.m0101 #opt_area  .sub_table2 tr{display:flex; flex-wrap:wrap}
.m0101 #opt_area  .sub_table2 .pc_only{display:none}
.m0101 #opt_area  .sub_table2 td{text-align:center !important}
/*사입대행 안내*/
.m0103 .wrap_noti{gap:20px}	
.m0103 .wrap_noti .noti{width:calc(25% - 15px)}	

/*시장사입 장바구니*/
.wrap_corp_cart #opt_area .itemtable .new_td_ct_price, .wrap_corp_cart #opt_area .itemtable .new_td_qty, .wrap_corp_cart #opt_area .itemtable .new_td_opt_subtot{ width:33.33%; box-sizing:border-box; float:
left; padding:5px; margin:10px 0; border:0}
.wrap_corp_cart .btn_gray2{float:left}
.wrap_corp_cart #opt_area .itemtable .td_delete{clear:both; border-bottom:0; height:27px }
.wrap_corp_cart .sub_table2 tr{gap:10px}
.wrap_corp_cart .sub_table2 .total_sum, .wrap_corp_cart .sub_table2 .total_num {
        width: calc(50% - 5px) !important;
 
    }
.wrap_corp_cart #opt_area .itemtable .row_color td{position:relative}	
.wrap_corp_cart #opt_area .itemtable .div_add_color{position: absolute; top:auto; transform:none; margin-top:0;
    right: 0;
    bottom: 185px; left:auto}
.wrap_corp_cart #opt_area .itemtable th .btn_item_del{float:none}

/*조직도*/
.org-wrap{width:100% !important}/*
.layout{padding:0 0; padding-top:250px}*/

/*주문상세*/
.t_cart2 li, .t_cart2 .title, #sod_frm{font-size:14px}

/*주문정보*/
.orderview_wrapbt{margin-top:0}
.t_cart2 .product_detail .ul_product_detail li{width:25% !important}
.t_cart2 .product_detail .ul_product_detail li:last-child{width:50% !important}

/*예상견적계산기*/
.newwrap_m0202 .actions {
    grid-template-columns: 1fr;
}

/*혜택안내*/
.wrap_justify{flex-wrap:wrap; gap:10px}

/*회원등급별 혜택*/
.new_wrap_m0204 .box{display:none}
.benefit_con ol{margin-left:0; width:100%}

/*스타일퀵소개*/
.wrap_newm0101 .section1 .wrap{flex-wrap:wrap; flex-direction: column-reverse}
.wrap_newm0101 .section1 .wrap .txt, .wrap_newm0101 .section1 .wrap .img{width:100%}
.wrap_newm0101 .section1 .wrap .img{margin-bottom:2rem}
	}
@media(max-width:1024px){
.rproduct  .list li {
    width: calc(33.33% - 14px);}	
	
.m0102 .section4 ul li h3{margin:0}	
.m0102 .section4 ul{gap:20px}
.m0102 .section4 .img{ border:2px solid #222}
.m0102 .section4 ul li h2{font-size:16px}
.m0102 .section7 .img{border:0}
	
.m0103 .section1 .txt h2, .m0103 .section5 .txt h2, .m0103 .section3 h2, .m0103 .section4 .txt h2{font-size:40px}
.m0103 .section4 ul li {
    width: calc(50% - 10px);}
.layout .layout{margin-top:0}
.layout{padding:0 20px; margin-top:200px;         width: 100% !important;}	/*padding:0 0하면 기존 레이아웃 문제생기니까 건들지 마시오.*/
	
/*견적서내역*/	
.wrap_m0104{ width:100%}
.wrap_m0104 .m0104con{background: white;
        width: 53%;
        height: 100%;
        left: 47%;
        top: 0; opacity:1}
.wrap_m0104 .m0104con h2{position:relative; border-radius:0; color:#222;         background: none;
        box-shadow: none;
        box-sizing: border-box;
        border: none; transform:none}	
.wrap_m0104 .noti3{background:none; color:#222}
.layout_item .item_info{gap:30px}

.list .item .img{border: 1px solid #ccc;
        margin-bottom: 20px;}	
.list .item .img img{ max-width:100%}
/*결제하기*/	
.payment_con h3 span, .payment_con .noti3{display:block; width:100%}
/*마이페이지*/
.layout_mypage{margin-top:180px}
/*주문상세*/
.t_cart2 .li_pname {
    width: calc(40% - 100px);
}
.t_cart2 li:last-child {
    width: 50%;
}	
/*사이즈*/
.size-wrap260604{padding:0}

/*사입대행 안내*/
.m0103 .wrap_noti{flex-wrap:wrap}	
.m0103 .wrap_noti .noti{width:calc(50% - 10px); margin:0 0}	
.m0103 .section1 .wrap{gap:20px}

/*시장사입대행 신청*/
.wrap_corp_cart, .wrap_m0301_260618{padding: 0 20px}


/*예상견적계산기*/
.newwrap_m0202 .quote-row, .newwrap_m0202 .title-row, .newwrap_m0202 .price-info{flex-wrap:wrap}
.newwrap_m0202 .quote-row strong, .newwrap_m0202 .price-info span{width:100%}
.newwrap_m0202 .price-info .dot{display:none}

/*상품상세*/

/*초보자 가이드*/
.m0103 .section2 .new_ul_service li {
    width: calc(50% - 10px);
}

/*헤택안내*/
.ul_yechi .ul_service2 .wrap_li{flex-wrap:wrap}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{width: 100%; max-width:715px}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p{width: 100%; max-width:511px}


/*회원등급별 혜택*/
.m0204_row1{flex-wrap:wrap}
.new_wrap_m0204 .benefit, .new_wrap_m0204 .special{ width:100%}
.new_wrap_m0204 .special{margin-top:1rem; height:auto; border-radius:1rem}
/*스타일퀵소개*/	

/*상품*/	
#modal260604 th, #modal260604 td { font-size:var(--text-sm)}	
.t_category .translater{flex-wrap:wrap}

.list_layout{margin-top:50px}
.wrap-title .quote-box{margin-bottom:0; margin-top:20px}

	}
@media(max-width:912px){
/*OEM 생산요청*/
.m0102 .section1, .m0102 .section{padding-bottom:0; padding-left:0; padding-right:0}
.m0102 .section4{padding:50px 20px;padding-bottom:50px}
.m0102 .section4 .txt h2{margin:0 0 0 0}
    .m0102 .section4 ul {
        gap: 10px;
    }

.cart_wrap_bt3 .wrap_wrap_bt{flex-wrap:wrap}	
.cart_wrap_bt3 .wrap_wrap_bt .wrap_wrap_wrap_bt{justify-content:center; margin-top:10px; width:100%}

.wrap_m0104 video{margin-top:81px}
.wrap_m0104 .m0104con h2{height:auto; top:auto}
.ul_yechi .ul_service2{padding:50px 0}
.layout_item .item_info{flex-wrap:wrap}
.layout_item .item_info .wrap_img, .layout_item .item_info .info{width:100%}
.layout_item .wrap_img .ul_thumb li{width:19%; text-align:center}
.list .item .last_txt{flex-wrap:wrap}
.layout_mypage .left{width:200px}
.layout_mypage .con {
        width: calc(100% - 210px) !important;
    }
.mypage .left .my_modify{position:relative; margin:0 0 0 10px}
/*견적서내역*/
.wrap_m0104{margin-top:81px; min-height:700px}
/*마이페이지*/
.my_info .card{ width:45%}
.my_info ul{ width:50%}
.my_info ul{position:absolute; right:0; top:0}
.my_info .bt_cart{width:100%}	
.layout_mypage .con {
        width: 100% !important; margin:20px 0 0 0
    }
.left_head{gap:20px}	
    .left_head ul {
        width: calc(50% - 20px);
    }
/*마이페이지>알림*/	
.container_noti .accordion-header .title{font-size:var(--text-md)}

/*상품보기*/
.onepage .bar{ position:relative; justify-content:flex-start}

/*시장사입대행 신청*/
.m0101 table th, .m0101 table thead{display:none}	
.m0101 .t_th_show{display:table}
.m0101 .t_th_show tbody{display:table-row-group}
.m0101 .t_th_show tr{display:table-row}
.m0101 .t_th_show th, .m0101 .t_th_show td{display:table-cell} 
.m0101 table tbody, .m0101 table tr, .m0101 table th, .m0101 table td{ width:100%}	 
.m0101 table tbody, .m0101 table tr, .m0101 table td, .m0101 .cart_table .m_only, .m0101 table{display:block; box-sizing:border-box}	
.m0101 .cart_table .pc_only{display:none}
.m0101 .cart_table tr{display:flex; width:100%; flex-wrap:wrap; position:relative; border:1px solid #333; margin-bottom:10px}
.m0101 .cart_table tr .td_info, .m0101 .cart_table tr .td_sum{width:100%}
.m0101 .cart_table tr .wrapchkbox{position:absolute; top:10px; width:20px; padding:0; left:10px; border-top:0}
.m0101 .cart_table td, .cart_table th{vertical-align:top; display:block}
.m0101 .cart_table td{width:50%; box-sizing:border-box}
.m0101 .cart_table .title, .t_cart2 .title, .t_history td .title{    padding: 5px;
    border: 0px solid #ccc;
     font-size:16px; background:#eeeeee; font-weight:500; margin:0 0 5px 0; white-space:nowrap; text-align:center}
.m0101 .span_total{float:none !important; text-align:right; width:100%; display:block}	 
.mw_1100 .s0104_2_c1_bt{clear:both}
.mw_1100 .item_addon td{border:0}
.m0101 .cart_table .td_empty{width:100%}
.wrap_add_product{flex-wrap:wrap}
.wrap_add_product .noti1{margin:10px 0 0 0; text-align:left}
.btn_confirm{margin-top:50px}
.s_c6_ct{padding:10px 0}
/*시장사입대행 안내*/
.m0103 .section1 .txt h2 br{display:none}
.m0103 .section4 ul li h2{font-size:18px}

/*예산견적계산기*/
.wrap_calculator2 {
    max-width: 80%;}

/*장바구니*/
.dialog2>.tb .inner{width:95% !important}
.wrap_vvic_cart .pc_only{display:none}
.wrap_vvic_cart .m_only{display:block}
.wrap_vvic_cart .td_check{background-color:transparent !important; border:0 !important; text-align:left !important; width:100%; position:absolute}
.wrap_vvic_cart td{vertical-align:top; border:1px solid #ccc !important}
.m0101 .cart_table .td_img{ width:90px}
.m0101 .cart_table .td_product_name{ width:calc(100% - 90px)}
.wrap_vvic_cart tr, .wrap_vvic_cart td, .wrap_vvic_cart table, .wrap_vvic_cart tbody{display:block; width:100%}
.wrap_vvic_cart tr{display:flex; flex-wrap:wrap}
.wrap_vvic_cart tr td{width:50%; box-sizing:border-box}
.wrap_vvic_cart tr .w_20{ width:20%}
.wrap_vvic_cart tr .empty{width:100%}	 
.wrap_vvic_cart tr .td_option, .wrap_vvic_cart tr .td_total2{width:100%}

/*적립금 내역*/
.layout_mypage .m_only{display:block}

/*개인결제*/
.my_p_b4_bt button{white-space:nowrap}
.layout_mypage .list, .layout_mypage .list tr, .layout_mypage .list td, .layout_mypage .list tbody{display:block; width:100%; box-sizing:border-box}

/*적립금 내역*/
.layout_mypage .search th{white-space:nowrap}
.layout_mypage .list_point th{display:none}
.layout_mypage .list_point tr{ border:1px solid #999; margin:0 0 10px 0}	

/*주문정보*/
.t_cart2 th{display:none}
.t_cart2 .title{display:block}
.t_cart2, .t_cart2 tbody, .t_cart2 tr, .t_cart2 td{display:block}
.t_cart2 li, .t_cart2 li:last-child{width:100%; margin-top:-1px}


/*시장사입대행 신청내역*/
.s_box .total{display:block; text-align:right; float:none !important; width:100%}

/*주문상세*/
    .t_cart2 .li_pname, .t_cart2 .li_pimg {
        width: 100%
    }
.s_s_title2	th, .tbl_wrap th{font-size:16px}
.s_s_title2	td, .tbl_wrap td, .sod_left{font-size:14px}
#sod_frm section h2 {
    font-size: 18px;
}
.layout_item .item_info .info .wrap_bt #bt_wish{position:relative}
.layout_item .dl_option{margin:30px 0 0 0}
.layout_item .wrap_flex .wrap_main_title{ width:calc(100% - 60px)}
.layout_item .item_info .info .wrap_flex .wrap_bt{top:0}

/*진행절차*/
.wrap_m0302 .bar2{left:65%}

/*헤택안내*/
.ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{max-width:100%}
.left .depth2{flex-wrap:wrap}
.left .sub{word-break:keep-all; gap:0; flex-wrap:wrap}
	}	
@media(max-width:820px){
.left .depth2{gap:5px}	
.m0102 .section1 .wrap{gap:30px}
.m0102 .section1 .txt {
    width: calc(50% - 30px);
}
.m0102 .section1 .txt h2, .m0102 .section4 .txt h2{font-size:20px}
.m0102 .section4 .img {
        font-size: 16px;}
.m0102 .section1 .txt h3, .m0102 .section7 h4, .m0102 .section1, .m0102 .section, .m0102 .section4 ul li h3, .m0102 .section4 ul li h2{font-size:14px}
.m0102 .section4 .img{height:120px}
.m0102 .section4 ul li h2{width:40px; height:40px; line-height:40px}
	
.m0103 .section1{padding:0 0}

/*마이페이지*/
.layout_mypage .left{display:block}

/*FAQ*/
.wrap_m0602 .wrap_m0301{margin-top:2rem}

/*초보자 가이드*/
    .m0103 .section4, .m0103 .section3 {
        padding:0 0;
    }
.wrap_m0104 .m0104con{margin-left:0; position:relative; left:auto; top:auto}	
.wrap_m0104 video{margin-top:0; position:absolute; left:0; z-index:-1; top:81px; left:53%}
.wrap_m0104 .m0104con h2{right:auto}
.t_air{display:block; border-spacing:0; border-bottom:1px solid #ccc}
.t_air tbody{ 
        overflow: hidden;
        overflow-x: auto;
        display: block;border:1px solid #ccc}	
.t_air tr{display:block; padding-left:120px; position:relative; white-space:nowrap; }	
.t_air th {
    width: 100px;
    position: absolute;
    left: 0;
    background: white;
}	
.t_air th, .t_air td{display:inline-block; border:0 !important}
.t_air td{width:80px; box-sizing:border-box}
.wrap_m0102_img_new{flex-wrap:wrap}  
  .wrap_m0102_img_new .txt, .wrap_m0102_img_new .img{width:100%}
  .wrap_m0102_img_new li a{margin-bottom:0}
	.wrap_m0102_img_new ol{margin:0 0 0 20px}
/*견적서내역*/
.wrap_m0104{min-height:inherit; background:white}
.wrap_m0104 .m0104con{width:100%;}
/*마이페이지*/
.layout_mypage .left, .layout_mypage .con{padding:20px}	
.st_btn{display:inline-block; margin:2px}
.layout_mypage .con .search_area{flex-wrap:wrap}

/*마이페이지 결제하기*/
.layout_mypage .pay_bt button{padding:4px 10px !important}
.layout_mypage .pay_2b input{width:auto !important}

/*부가서비스*/
.t_air .tr_bg th {
    background: #e6eeff;
}
/*예상견적계산기*/
.newwrap_m0202 #tab2 .container_plist .form-grid , .newwrap_m0202 .container_plist .form-grid {
        grid-template-columns: repeat(1, 1fr);
    }

/*오시는 길*/	
.new_wrap_m0104 .wrap_location{flex-wrap:wrap}
.new_wrap_m0104 .wrap_location .location{width:100%}
/*장바구니*/	
#dialog .inner{max-width:90% !important}
#dialog .inner th{white-space:nowrap}

/*주문상세*/
.t_history thead{display:none}
.t_history td .title, .t_history, .t_history tbody, .t_history tbody tr, .t_history tbody td{display:block}
.t_history tbody tr{display:flex; width:100%; margin:-1px 0 0 0}
.t_history tbody tr td{width:calc(100% / 8); word-break:break-all; border-left:1px solid #ccc; margin:0 0 0 -1px; box-sizing:border-box}
.t_history tbody tr td:nth-child(1){white-space:nowrap; border-left:0}

/*상품목록*/
.wrap_category form {
    width: calc(100% - 220px);
}
.wrap_category .store_info{width:200px}
/*플러스케어 서비스*/
.subservice .ul_service3 li{width:calc(50% - 10px)}	
	}
@media(max-width:768px){
.wrap-title .quote-description br{display:none}	
    .onepage .bar {
      
        justify-content: center;
    }	
    .onepage, .ul_yechi .ul_service2 {
        width: calc(100% - 40px) !important;
    }
.rproduct  .list li {
    width: calc(50% - 10px);}	
	
.m0102 .section1 .wrap{gap:20px}
.m0102 .section1 .txt {
    width: calc(50% - 20px);
}
.m0102 .section1 .txt h3, .m0102 .section7 h4 {
   
    margin: 20px 0;
}

.m0103 .section1 .wrap{flex-wrap:wrap}
.m0103 .section1 .txt, .m0103 .section1 .img, .ul_yechi .ul_service2 .wrap_li, .ul_yechi .ul_service2 .last_li{width:100%}	
.m0103 .section1 .img{height:auto; width:100%}
.m0103 .section1 .img img{height:auto; width:100%}
.wrap_m0104 .m0104con{width:100%}
.wrap_m0104 video{display:none}
.ul_service li {
    width: calc(50% - 20px);}
.wrap_t_level, .ul_yechi .ul_service2 .li, .subservice .ul_yechi .ul_service2 li{padding:20px}
.ul_yechi .ul_service2, .bar{flex-wrap:wrap}


/*FAQ*/
.wrap_m0602 .wrap_m0301 .faq-answer p{font-size:var(--text-sm)}
.wrap_m0602 .wrap_m0301 .faq-question, .wrap_m0602 .wrap_m0301 .faq-question .arrow{font-size:var(--text-md)}
/*사이즈*/
.modal-box260604 {
    width: calc(100% - 40px);}

/*상품리스트*/
.bar .align{margin-top:0; font-size:12px}
.cart_wrap_bt3 .wrap_wrap_bt, .cart_wrap_bt3 .wrap_wrap_bt span{font-size:14px}		
.cart_wrap_bt3 .wrap_wrap_bt .total span{font-size:24px}
#fregister p{height:auto; font-size:12px; line-height:1.5; word-break:keep-all}
#fregisterform #reg_mb_zip{width:50%; margin-right:5px}
#fregisterform .btn_frmline{ width:25%}
.layout_mypage .con{padding:10px}

.pg_page, .pg_current{width:20px; padding:0 0; font-size:11px}
 .tabs260604{
        grid-template-columns:repeat(3,1fr);
    }

/*OEM*/
.m0102 .ul_list {
    margin: 20px 0 10px 0;
}
/*마이페이지*/
.ul_header{display:none}
.ul_type2 h2{display:block; border:1px solid #e5e7eb; margin-bottom:10px; padding:5px 5px}
.ul_type2{ border:1px solid #999; margin-bottom:20px; flex-wrap:wrap; position:relative}
.ul_type2 li{flex:none !important; width:100%}
.ul_type2 .li1, .ul_type2 .li2, .ul_type2 .li3, .ul_type2 .li5, .ul_type2 .li6{width:50%}
.ul_type2 .li2 h2, .ul_type2 .li3 h2{padding:0 5px; margin-bottom:5px}
.ul_type2 .li3{position: absolute;
    right: 0;
    top: 90px;}
.left_head{flex-wrap:wrap}
    .left_head .my_info, .left_head ul {
        width: 100%;
    }
.left_head ul{height:51px; overflow:hidden; border:1px solid #222; border-radius:5px; text-align:center;font-size: 16px;
    font-weight: 700; margin-top:0; position:relative}
.left_head .open{height:auto}		
.left #left .mmenu{display:block}
.left #left li{background:white}
.layout_mypage .con .search_area{flex-wrap:wrap}
.layout_mypage .con .search_area select{ width:calc(100% - 65px) !important}
.layout_mypage .con .search_area input[type=text]{ width:calc(50% - 11px)}
.layout_mypage .con .search_area .input_name{ width:calc(100% - 41px) !important}
.layout_mypage .div_select{display:flex; flex-wrap:wrap; gap:0.5rem}
/*마이페이지>예치금내역*/
.layout_mypage .con .amount_list{ table-layout:fixed}
.layout_mypage .con .amount_list td{word-break:break-all}
/*마이페이지>개인결제*/
.my_p_box .my_p_04box{width:auto !important}
.layout_mypage .payment_con{flex-wrap:wrap}
.layout_mypage .payment_con .payment_lb, .layout_mypage .payment_con .payment_rb{width:100%}
.layout_mypage .payment_con .pay_box h1{white-space:nowrap; font-size:14px}
.layout_mypage .payment_con .pay_box{gap:10px}

/*상품보기*/
.ten_thousand a{display:inline-block}

/*시장사입대행 신청*/
.t_info input[type=file]{ width:100%}
/*주문상세*/
.wrap_ha{flex-wrap:wrap}
#sod_frm .wrap_ha table, #sod_frm .wrap_ha div{width:100%}
.layout_item .wrap_bt3, .wrap_bt3{padding:20px 0}
.t_history tbody tr{flex-wrap:wrap; margin:-1px 0 10px 0; border:1px solid #ccc}
.t_history tbody tr td{width:25%;  margin:-1px 0 0 -1px}
.t_history tbody tr td:nth-child(5n){ border-left:0}
.layout_item .wrap_main_title .main_title{ font-size:24px; word-break:break-all; text-align:justify}
.layout_item .img{border-radius:20px}
/*결제하기*/
.payment_con{flex-wrap:wrap}
.payment_con .payment_lb, .payment_con .payment_rb{width:100%}
/*예치금 내역*/
.wrap_dp_m_t{gap:0; flex-wrap:wrap; justify-content:space-between}
/*상품리스트*/
.wrap_category{flex-direction: column-reverse;}
.wrap_category .bt_search{width:100%; margin-top:5px}
.wrap_category .store_info{padding:10px; width:100%; position:relative     }
.wrap_category .store_info input{    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: absolute;
    right: -10px;
    top: -20px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}
    .wrap_category form {
        width: calc(100%);
    }	
	
/*게시판*/
#bo_w .btn_cke_sc, #bo_w #btn_autosave{ font-size:14px}	

/*예상견적계산기*/
.ul_calculator{padding:1rem}    
.wrap_calculator2 {
        max-width: 100%;
    }

/*조직도*/
.org-wrap .card li img {
    height: 30px;
}
.org-wrap .card{padding:15px}
.org-wrap .ceo .box{padding:18px 0}

/*주문내역*/
.btbg0, .btbg1, .btbg2, .btbg3, .btbg4, .btbg5, .btbg6, .btbg7, .btbg8, .btbg9, .btbg10, .btbg11, .btbg12{ width:calc(100% - 20px)}

/*중국의류시장투어*/
.tour_container {
	padding: 15px;
	margin: 15px;
}
.tour_container .check-group,  .tour_container .radio-group {
	gap: 12px;
}

/*수수료/배송안내*/
.wrap_m0104con{flex-wrap:wrap}
.wrap_m0104 .wrap_m0104con .m0104con{width:100%}
.blue_noti{padding:20px}
.blue_noti p{word-break:keep-all}
.blue_noti h2{margin-bottom:5px}
.wrap_m0104con .line{width:100%; background:#ccc; height:1px} 


/*스타일퀵소개*/
.m0103 .section1 .txt h3{font-size:var(--text-2xl)}
/*예상견적계산기*/
.newwrap_m0202 .input-wrap{flex-wrap:wrap}
.newwrap_m0202 .unit{width:100%}
.newwrap_m0202 .layout {
    grid-template-columns: 1fr;}
	
/*상품목록*/
.show_ch{display:inline-flex; align-items:center;         margin: 0.5rem 0 0 0;}	
.translater label{display:inline-flex; align-items:center;}	
.translater button{white-space:nowrap}
/*상품보기*/
    .size-icon260604{
        font-size:120px;
    }

    .size-title260604{
        font-size:22px;
    }

    .size-table260604 th,
    .size-table260604 td{
        font-size:14px;
        padding:10px 6px;
    }	

/*조직도*/
.org-grid{gap:1rem !important}
.org-wrap .card li p{font-size:var(--text-sm)}
.org-wrap .card h3 {
    font-size: var(--text-lg);}


/*진행절차*/
.wrap_m0302 .section4 .img img {
    margin-bottom: 0.5rem;
}
.wrap_m0302 .bar2{font-size:var(--text-xl); 
        border-radius: 0.5rem; color:white; background:var(--main-color);padding:0.5rem; width:auto; top:100%; }
.wrap_m0302 .bar2::after{color:var(--main-color); font-size:50px;        bottom: -50px;
        background: rgba(256, 256, 256, .5); }
		
/*혜택안내*/
.wrap_t_level, .ul_yechi .ul_service2 .li, .subservice .ul_yechi .ul_service2 li, .ul_service li {
    border: 1px solid #ccc;
}	
.left .sub{margin-bottom:0}	
.wrap-flex{flex-wrap:wrap}		
}

 @media (max-width: 600px) {



      .wrap-title .breadcrumb {
        margin-bottom: 27px;
        font-size: 14px;
      }

      .wrap-title .category-tabs {
        height: 68px;
      }

      .wrap-title .category-tab {
          
        font-size: var(--text-md);
        word-break: keep-all;
        padding: 0 0;
  
      }

      .wrap-title .sports {
        gap: 9px;
        margin-top: 17px;
      }

      .wrap-title .sport-btn {
        height: 50px;
        padding: 0 20px;

        font-size: 17px;
      }

      .wrap-title .quote-box {
        margin-top: 18px;
        padding: 19px 16px;
      }

      .wrap-title .quote-description {
        font-size: var(--text-md);
        line-height: 1.7;
      }

      .wrap-title .quote-button {
        height: 58px;

        margin-top: 13px;

        font-size: 19px;
      }

      .wrap-title .section-header {
        margin-top: 30px;
        padding-bottom: 15px;
      }

      .wrap-title .title-area {
        gap: 8px;
      }

      .wrap-title .title-area h1 {
        font-size: 23px;
      }

      .wrap-title .count {
        font-size: 16px;
      }

      .wrap-title .filter-button {
        height: 54px;

        padding: 0 16px;

        gap: 8px;

        font-size: 16px;
      }
	  .left .depth2 li a {
    font-size: var(--text-md);}
    }

@media (max-width: 540px) {	
#container, .wrap_newm0101, .wrap_location, .newwrap_m0202, .new_wrap_m0203, .wrap_m0205 .section4, .new_wrap_m0204, .wrap_m0203, .title_partition {
    margin-top: 40px;
}	
	
	
/*VVIC 장바구니*/
.m0101 .cart_table tr{margin-bottom:20px; height:auto !important; min-height:20px}
.m0101 .cart_table td{margin-top:-1px}

/*개인정보처리방침*/
.doc{margin-top:20px}	
.doc h2{font-size:20px; margin-top:0} 

/*개인결제*/
.my_p_02box{margin-top:-1px}
.my_p_03box .my_p_03_box_wrap{padding-left:0 !important}

/*공통*/
.reverse{flex-direction:column-reverse !important}
.bar{margin-bottom:20px}	
.bar a{font-size:12px}
.main_title{margin-bottom:20px}
.pg_wrap {
    margin: 20px 0 20px 0;}
	
/*견적서내역*/
.wrap_m0104 .m0104con{ padding-top:0}
    .wrap_m0104 .m0104con h3 { color:#0099ff;
        font-size: 14px;
    }
.wrap_m0104 .m0104con li{gap:10px}
.wrap_m0104 .m0104con strong{ border-radius:2px; font-size:12px;     text-align: left;width:25%}
    .wrap_m0104 .m0104con li p {
        width: calc(75% - 10px);
    } 
 
/*OEM*/	 
.bg_m0102{display:none}	
.m0102 .section1 .wrap, .m0102 .section4 ul{flex-wrap:wrap}
.m0102 .section1 .txt, .m0102 .section1 .img, .m0102 .section4 ul li {width:100%}
.m0102 .section4 .img{height:90px}
    .m0102 .section4 ul {
        gap: 30px;
    }
.m0102 .real_section4{ padding-top:0}
.m0102 .section7{position:relative}
.m0102 .section7 .txt{width:100%}
.m0102 .section7 .img{right:10px; bottom:-5px}

/*공지사항*/
.m0101 .cart_table tr{margin-top:-1px}
a.btn_b01, .btn_b01{display:inline-flex}
.s_s_title2 th, .tbl_wrap th, .s_s_title2 td, .tbl_wrap td, .sod_left{font-size:var(--contentfont)}

/*마이페이지*/
.my_lvTit .my_lv .lv1{letter-spacing:-1px}
.my_lv .p_level{ font-size:14px}    
.layout_mypage {
        margin-top: 170px;
    }

/*마이페이지 결제하기*/
.layout_mypage .pay_box:after{display:none}
.layout_mypage .pay_2b{width:55%}
.layout_mypage .pay_2b input {
        width: 100% !important;
    }
.layout_mypage .pbox{margin-bottom:0 !important}
.layout_mypage .pay_list_bt div h1{margin-left:0 !important; font-size:14px !important}

/*부가서비스안내*/
.subservice .ul_service3 li{height:auto}
.subservice .ul_service3 li h2{font-size:16px}
.subservice .ul_service li h3{height:auto; font-size:var(--contentfont); padding:10px 0}
.subservice .ul_service3 li p{font-size:var(--contentfont); height:auto}

/*예상견적기*/
.newwrap_m0202 #tab2 .container_plist .form-group label{gap:0}
.newwrap_m0202 .shipping-box .badge, .newwrap_m0202 .form-grid .badge {
    padding: 6px 6px; font-size:var(--text-xs) }

/*이용약관*/
.doc h3 {
    font-size: 16px;
    font-weight: 500;
}
/*중국의류시장투어*/
.tour_container .phone-wrap {
	flex-direction: column;
	align-items: stretch;
}
.tour_container .phone-wrap span {
	display: none;
}
.tour_container .btn-submit {
	width: 100%;
}	 
/*회원가입*/
.mbskin {
    margin: 170px auto 0 !important;
}
.register{padding:0 20px}
#sns_register h2{white-space:nowrap}
/*장바구니*/
.cart_wrap_bt3 .wrap_wrap_bt{flex-wrap:wrap; justify-content:center; column-gap:10px}	
.layout_cart table{table-layout:fixed} 
.cart_wrap_bt3{padding:20px 20px; text-align:center}
.cart_wrap_bt3 .wrap_wrap_bt .wrap_wrap_wrap_bt{justify-content:center; width:100%}
.m0103 .section1 .txt h2, .m0103 .section5 .txt h2, .m0103 .section3 h2, .m0103 .section4 .txt h2 {
        font-size: 24px; word-break:keep-all
    }	

.m0103 .section1 .txt h2{font-size:30px}	
.m0103 .section5 .txt h4, .m0103 .section3 h3{font-size:18px}
.m0103 .wrap_noti .noti strong{font-size:14px}	
.m0103 .section1 .txt h3 {
    font-size: 20px;
    margin: 20px 0;
}	
.m0103 .section1 .wrap, .m0103 .section4{gap:30px}
.m0103 .section4{margin-top:50px}
.m0103 .section4 .txt h3{margin-top:0}
.m0103 .section5{margin-top:0}
.m0103 .section3{padding-bottom:0}

.ul_service li {
    width: 100%; 
    border: 1px solid #ccc;
}
.yogum{display:block; width:100%; color:var(--main-color); padding:10px 0}

    .onepage, .ul_yechi .ul_service2 {
        width: calc(100% - 40px) !important;
    }
	
.layout{width: 100% !important; margin-top:150px}	/*padding:0 0하면 기존 레이아웃 문제생기니까 건들지 마시오.*/
    .list_layout {
        margin-top: 50px;
    }
	.ul_yechi .ul_service2 img {
    height: 50px;}	
	.wrap_t_level{padding:10px}
	.onepage .t_level{display:block; font-size:12px}
	.onepage .wrap_t_level th{position:absolute; top:0; width:100%; text-align:left; color:var(--main-color); font-weight:700}
	.onepage .wrap_t_level tr{padding-top:35px; display:flex; position:relative; width:100%}
	.onepage .wrap_t_level th, .onepage .wrap_t_level td{border:0}
	.onepage .ul_service li .noti2, .onepage .noti2{line-height:1; padding:10px 0; display:block}
	.onepage .wrap_t_level td{width:33.33%; display:inline-block; padding-top:0}
	.onepage .wrap_t_level tbody{display:block; width:100%}
	    .rproduct .list li {
        width:100%
    }
.layout_item .wrap_img .ul_thumb li{ height:50px}
#sod_frm_orderer, #sod_frm_taker, #sod_frm section{ padding:0}
#sod_frm .tbl_frm01 th{width:80px}	
#sod_frm .td_address .zip{width:50%}
.bar .align{font-size:11px; gap:5px}	 
.wrap_m0102_img_new{gap:20px}
	.wrap_m0102_img_new li{ font-size:14px}
	.wrap_m0102_img_new li span{ font-size:12px}
	.wrap_m0102_img_new li a, .wrap_vvic_cart tr .td_product_name, .wrap_vvic_cart tr .td_img{ width:100%}
.td_option ul{flex-wrap:wrap}
.td_option ul li{width:50%; box-sizing:border-box}
.wrap_vvic_cart .td_check{ position:absolute; background-color:transparent !important; width:33.33%}
#dialog .inner .cart_modify_form form{display:flex; gap:5px}	
.dialog .ct{ overflow-y:scroll !important; overflow-x:scroll !important}
	 

/*마이페이지*/	
.my_info .card, .my_info ul{width:100%}
.my_info ul{position:relative; top:auto; right:auto; display:flex; flex-wrap:wrap; gap:10px}
.my_info ul li{width:calc(50% - 10px); text-align:center; line-height:30px; border:1px solid #ddd}
.my_info ul li a{border-bottom:0}
.mypage .my_info .card .wrap_name{padding-bottom:10px; justify-content: flex-start;}
.left .my_info dl dt{ width:calc(50% - 10px);         display: flex
;
        align-items: center;
        gap: 10px;} 
.left .my_info dl dd{ width:50%}
.ul_type2 .li2, .ul_type2 .li3, .ul_type2 .li5, .ul_type2 .li6{width:50%}
.mypage .my_info .card .img{width:30px; height:30px}
.mypage .my_info h2{font-size:14px}
.left .my_info dl{margin:10px 0}
.left_head{gap:10px}
.my_lvTit h3{font-size:var(--contentfont); margin:0; margin-bottom:10px; margin-top:20px; font-weight:500}
.my_lv{height:auto !important}
.lv1 img{width:30px}
.layout_mypage .title h2{font-size:18px}
.layout_mypage .div_select .bt_cart1_order{margin-left:0}
/*적립금 내역*/
.layout_mypage .search table, .layout_mypage .search table tbody, .layout_mypage .search table tr, .layout_mypage .search table th, .layout_mypage .search table td{display:block}
.layout_mypage .search table td{padding:10px 0}
.layout_mypage .search table td input[type = date]{width:45%}
.layout_mypage .noti{padding:10px; border-radius:5px; text-align:left}

/*마이페이지>예치금내역*/
.layout_mypage .amount_list tr{border:1px solid #333; margin-bottom:20px}
.layout_mypage .amount_list th{display:none}
.layout_mypage .amount_list td{border-right:0 !important; border-left:0; text-align:center}
.layout_mypage .amount_list .m_only, .layout_mypage .amount_list, .layout_mypage .amount_list td, .layout_mypage .amount_list tr, .layout_mypage .amount_list tbody{display:block; width:100%; box-sizing:border-box}
.layout_mypage .amount_list .title{ font-size:14px}
.wrap_calculator input{ font-size:14px}
.dp_tb2{ padding:5px 10px !important}


/*상품상세*/
.item .store_info .con{flex-wrap:wrap}
.layout_item .main_title{margin:0 0 20px 0; }
.layout_item .main_title, .main_title{font-size:24px}
.layout_item .dl_option dt{font-size:16px}
.layout_item .dl_option dd, .layout_item .dl_option .dd_price{font-size:14px}
.layout_item .selected_table{width:350px; margin-left:-225px}
.t_history tbody tr td{width:50%;}
.layout_item .wrap_main_title .main_title{ font-size:18px;}
.layout_item .item_info .info .wrap_bt2 button, .layout_item .item_info .info .wrap_bt2 input{font-size:16px}

/*주문정보*/
.t_cart2 ul li{width:calc(100% / 5)}

/*회원가입 완료*/
#reg_result{  
    margin: 0 auto;
    margin-top: 100px !important;}
#reg_result p {
    font-size: 14px;
}	

/*리스트*/	
.t_category th{white-space:nowrap; width:60px; box-sizing:border-box}
.t_category th, .t_category td{font-size:11px}
.t_category td .bt_search{width:100%; margin-top:5px}
.t_category td .bt1, .t_category td .bt2, .t_category td .bt3{ width:auto !important; display:inline-block; padding-right:10px !important; margin-bottom:10px}
.t_category td .bt1 a, .t_category td .bt2 a, .t_category td .bt3 a{ min-height:35px; border:1px solid #666; display:inline-flex; align-items:center; padding:0 10px}
.list .item .title{font-size:14px}
.pg{    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;}
/*마이페이지>알림*/	
.container_noti .accordion-header .title, .container_noti .accordion-content .content-inner{font-size:var(--text-sm); line-height:1.5}

/*결제하기*/
.payment_con{ font-size:14px}
.payment_con .first_h3{ padding-top:0; margin-top:0}
.payment_con .payment_rb{padding:0 20px; padding-bottom:40px}

/*상품목록*/
.list .item .title{margin-bottom:5px}

/*사입대행 안내*/
.m0103 .wrap_noti .noti{width:100%}
.m0103 .section1 .txt p {
    font-size: 1em;
}

/*혜택안내*/
h3, .m0103 .section3 h2, .schedule-section h2 {font-size:18px !important}
.t_level td .p_level{font-size:16px}
.ul_yechi .ul_service2 h3{font-size:16px}
.ul_yechi .ul_service2 .li p, .wrap_m0301 .section3, .wrap_m0301 .section3 p, .m0103 .section2 .new_ul_service li span{font-size:var(--contentfont)}
.ul_yechi .ul_service2 .li p:before{top:5px}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(1) p{max-width:100%}
.ul_yechi .ul_service2 .wrap_li .li:nth-child(2) p{max-width:100%}
.wrap_justify{font-size:11px}
.ul_yechi .ul_service2 .wrap_li .li .btn_submit{width:50%; font-size: var(--text-sm);}

/*공지사항*/
#bo_v_share{display:none}

/*사이즈*/
.tab-btn260604{padding:10px 5px}
.size-wrap260604{margin:20px auto}	
.tab-content-wrap260604{padding:0 20px; margin-top:20px}
.size-icon260604 img{max-height:220px}
.size-container260604{padding:0}
.modal-box260604 .a_center{text-align:left !important; padding:20px}

/*스타일퀵 소개*/
.wrap_newm0101 .section1 .wrap{gap:0}
    .wrap_newm0101 .section1 .wrap .img {
        margin-bottom: 1rem;
    }

/*스토어 찜*/
.t_wishshop .gogo_store{    display: flex;
    justify-content: space-between;
    align-items: center; width:100%}
.wrap_wishshop{width:calc(100% - 20px); position:relative}
.wrap_wishshop .wrap_bt{text-align:center; margin:0 0 50px 0}
.wrap_wishshop, .wrap_wishshop .t_wishshop tbody, .wrap_wishshop .t_wishshop tr, .wrap_wishshop td{ display:block; width:100%; text-align:left !important; margin-top:-1px; box-sizing:border-box}
.wrap_wishshop th{color:white; border:0; width:auto !important}
.wrap_wishshop .t_wishshop tr{ border:1px solid #ccc; margin-bottom:20px}

/*시장사입대행안내*/
.m0103 .section1:after{display:none}

/*아이디비밀번호 찾기*/
#find_info .new_win_con{background:none}
#captcha{display:flex; flex-wrap:wrap}
#captcha, #captcha.m_captcha audio{width:100%}
#captcha.m_captcha #captcha_img{width:auto; margin-top:0; margin-bottom:0; display:inline-block}
#captcha.m_captcha #captcha_img, #captcha.m_captcha #captcha_key{height:40px}
#captcha.m_captcha #captcha_key{margin:0 5px}

/*예상견적 계산기*/
.newwrap_m0202{padding:0; background:none; border-radius:0}
.newwrap_m0202 .card{padding:0; border-radius:0}
.newwrap_m0202 .formula-row{flex-wrap:wrap}
.newwrap_m0202 .calc-box .formula-label{width:100%}


/*예치금내역*/
.dp_m_b .s_table th{ padding:0}
.dp_m_b .s_table button{width:100%}
.layout_mypage .amount_list td{text-align:left !important}

/*적립금내역*/
.layout_mypage .search table th{margin-top:-1px}

/*조직도*/
.team-box{ height:80px !important; font-size: var(--text-xl) !important; }
.org-wrap .departments{
        grid-template-columns:1fr;
    }
.org-wrap .card::before, .org-wrap .card::after{display:none}	
.org-wrap .ceo{margin-bottom:1.5rem}
.org-wrap .ceo .box{width:50%}

/*진행절차*/
.wrap_m0205 .m0103 .section4{padding-top:0}
    .wrap_m0205 .m0103 .section4 ul li {
        width: 100%;
    }
.wrap_m0302 .bar2::after{bottom:-300px}	
.wrap_m0302 .bar2::before{ content:''; width:10px; height:270px; background:var(--main-color); position:absolute; left:50%; transform:translate(-50%, 0); bottom:-260px; z-index:1}

/*찜한 상품*/
.t_wish tr th:first-child, .t_wish tr td:first-child{ width:10px !important; padding:0}
.t_wish tr th:last-child{ width:50%}
.t_wish .empty{padding:10px 0 !important}

/*회원가입*/
.chk_li{ padding-left:5px}
#register_form .tooltip_icon{height:auto; display:none}


/*회원등급별 혜택*/
.new_wrap_m0204 .special{font-size: var(--text-sm);}
.benefit_con ol{background:none}
.benefit_con ol li{width:100%; justify-content:flex-start; text-align:left; border-right:none; border-bottom:none; margin-bottom:0.5rem; background:#e6f3ff}
.benefit_con ol li span{position:relative; right:auto; top:auto; margin-right:1rem}

/*초보자 가이드*/
    .m0103 .section2 .new_ul_service li {
        width: 100%;
    }
.new_wrap_m0203	  .section3 {
        padding-bottom: 50px;
    }
.day-card button{ padding:10px 10px !important}	 

/*추천상품*/
.layout_mypage .list td, .layout_mypage .list h2, .layout_mypage .list h1, .layout_mypage .list .bt_pay, .layout_mypage table td, .layout_mypage table th{ font-size:var(--contentfont)}
.rproduct .list li a .title h2{font-size:14px}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td, th, td{padding:5px}
/*플러스케어 서비스*/
.subservice .ul_service3 li{width:100%}	
.subservice .ul_service3 li h3{font-size:var(--contentfont) !important}
	 }