@charset "utf-8";


/* 테블릿 */
@media all and (max-width:1024px){
  .t_none,.h_box,.linkbox li,.homepage,.pc_img,.f_textbox .fR,.f_snsul,.cs01::after{display: none;}
  .t_br,.t_img{display: block;}
  .m_menu_i,.productsul .owl-nav.disabled{display: inline-block;}

  .h_top{padding: 0 25px;}
  .linkbox{right: 15px;}
  .linkbox .relative{display: inline-block;margin-left: 0;}
  #content{padding-top: 92px;}
  .best_products,.main_notice,.main_review{padding: 75px 25px 100px;}
  .productsul{padding: 0 170px;box-sizing: border-box;}
  .productsul li:hover .p_img,.productsul02 li:hover .p_img{border:7px #f5f5f5 solid;}
  .p_img img,.review_img img,.eventbox a img{width: 100%;}
  .reviewul{padding: 0 70px;box-sizing: border-box;}
  .bannerul li{width: 100%;background-position: center;}
  .banner01{background-image: url('../images/main/T_banner01_bg.png');}
  .banner02{background-image: url('../images/main/T_banner02_bg.png');}
  .mnL{width: 100%;margin-right: 0;}
  .mnR{width: 100%;margin-top: 45px;}
  .csbox{padding: 10px 45px;}
  .csbox li{padding: 15px 0;}
  .cs01{width: 100%;border-bottom: 1px #ede7e6 solid;}
  .cs02{width: 100%;}
  .cs_tit{display: block;margin-bottom: 13px;margin-right: 0;}
  .f_top{padding: 0 25px;box-sizing: border-box;}
  .f_textbox{padding: 45px 25px;}
  .s_container{padding: 60px 20px 110px;}
  .tabul{padding: 14px 40px;}
  .productsul02 li{width: 48.5%;}
  .productsul02 li:nth-child(3n){margin-right: 2%;}
  .productsul02 li:nth-child(2n){margin-right: 0;}
  .productsul02 li:nth-child(n+3){margin-top: 35px;}
  .pvimg{width: 100%;text-align: center;}
  .pvtext{width: 100%;margin-left: 0;margin-top: 30px;}
  .s_table th,.s_table td{padding-left: 10px;}
  .numfield{width: 42px;}
  .board_table .taL{width: 63%;}
  .searchbox02 input{width: 60%;}
  .galleryul>li{width: 30.2%;}
  .bar{margin: 0 10px -1px 13px;}

  .step_style{height: auto;background-image: none;}
  .step_style li{background-color: #eeeeee;border-right: 3px #FFF solid;padding: 12px 23px;opacity: 1;color: #cecece;}
  .step_style li:last-child{border-right: 0;}
  .step_style li span{color: #cecece;}
  .step_style .on{background-color: #a8c533;}
  .cerbox{text-align: center;padding: 30px;}
  .cer_inul{margin-left: 0;width: 100%;text-align: left;margin-top: 20px;}
  .cerli01 .cer_in input{width: 22%;}
  .cerli02 .cer_in input{width: 59.5%;}
  .stbox{position: static;width: 100%;box-sizing: border-box;text-align: right;margin-top: 5px;}

}


/* 모바일 */
@media all and (max-width:767px){
  .m_none,.tab_ul a::after,.homeli{display: none;}
  .m_br{display: block;}

  .h_top{padding: 0 10px;height: 80px;line-height: 79px;}
  .m_menu_i{width: 23px;}
  .logo{width: 58px;}
  .linkbox .relative{width: 25px;}
  .cart_num{font-size: 13px;top: 16px;right: -16px;}
  .m_menuwrap{width: 82%;}
  .am_tit{height: 58px;line-height: 60px;padding: 0 10px;font-size: 16px;}
  .m_menu_ul>li>a{font-size: 14px;height: 51px;line-height: 50px;padding: 0 0 0 10px;}
  .depul a{font-size: 13px;;height: 46px;line-height: 46px;padding-left: 10px;}
  #content{padding-top: 80px;}
  .slideul li{height: 250px;background-size: cover;}
  .slideul .owl-dots{bottom: 15px;}
  .slideul .owl-dot>span{margin: 0 5px;}
  .best_products,.main_notice,.main_review{padding: 35px 10px 40px;}
  .titlebox{margin-bottom: 20px;}
  .titlebox .more{top: -6px;width: 23px;}
  .productsul,.reviewul{padding: 0 40px;}
  .circlebox{top:10px;left: 10px;}
  .circle{font-size: 13px;width: 46px;height: 46px;line-height: 46px;}
  .productsul .owl-nav>div{top:32%;height: 33px;width: 33px;}
  .reviewul .owl-nav>div{top:43%;height: 33px;width: 33px;}
  .productsul .owl-prev,.reviewul .owl-prev{left: 0;}
  .productsul .owl-next,.reviewul .owl-next{right: 0;}
  .p_text{margin-top: 8px;}
  .p_text strong{margin: -3px 0 2px 0;font-size: 17px;}
  .review_text{padding: 20px;height: auto;}
  .review_text p{font-size: 13px;margin: 10px 0 8px;height: 67px;}
  .bannerul li{height: 220px;}
  .titleh3{font-size: 17px;margin-bottom: 15px;}
  .noticeul{margin-top: -10px;}
  .noticeul li{height: 49px;}
  .noticeul a{font-size: 14px;height: 49px;line-height: 49px;width: calc(100% - 78px);}
  .noticeul a img{width: 18px;}
  .date{font-size: 13px;}
  .cs_center,.mnR{margin-top: 30px;}
  .csbox{padding: 10px;}
  .cs_tit{font-size: 14px;margin-bottom: 8px;}
  .f_linkul li{margin-right: 15px;}
  .f_top{height: 48px;line-height: 48px;padding: 0 10px;}
  .f_textbox{padding: 25px 10px;}
  .f_textbox>.container>div.inlineB{width: 100%;}
  .f_logo{text-align: center;width: 50px;margin: 0 auto 10px;display: block;}
  .f_text{width: 100%;margin-left: 0;text-align: center;}
  .s_container{padding: 30px 10px 50px;}
  .tabul{padding: 10px 0;}
  .tabul li{margin-right: 8px;}
  .tabul .on a::after{margin-left: 2px;width: 18px;height: 18px;}
  .sub_top{margin-bottom: 25px;}
  .productsul02 li{width: 48.3%;}
  .productsul02 li:nth-child(n+3){margin-top: 15px;}
  .productsul02 .p_text{margin-top: 5px;}
  .productsul02 .circlebox{top:0;left: 0;}
  .productsul02 .circle{width: 40px;font-size: 12px;height: 40px;line-height: 40px;}
  .pvtext{margin-top: 10px;}
  .pvtext p{font-size: 14px;margin: 8px 0 25px;}
  .table_wrap{padding: 8px 0;}
  .option{padding-left: 5px;font-size: 13px;}
  .all_price{margin: 20px 0 10px;font-size: 14px;}
  .pv_btn .btn_ec3,.pv_btn .btn_f0a{width: 37.7%;}
  .btn_ec3,.btn_f0a{font-size: 14px;}
  .tab_wrap{margin-top: 35px;}
  .tab{margin-bottom: 15px;}
  .tab_ul li{height: 48px;line-height: 46px;}
  .tab_ul a{font-size: 13px;}
  .tab_ul .box02{line-height: 1.3;padding-top: 7px;}
  .s_table th,.s_table td{padding-left: 3px;}
  .searchbox select{height: 38px;width: 37%;padding-left: 5px;font-size: 13px;margin-right: 0;}
  .searchbox input{height: 38px;width: 50%;padding-left: 5px;font-size: 13px;}
  .s_btn{right: 10px;width: 20px;}
  .thli>ul>li{font-size: 13px;height: 42px;line-height: 42px;}
  .tdli>ul>li{font-size: 13px;height: 43px;line-height: 43px;}
  .tdli>ul>.td1{padding-left: 0;}
  .th1,.td1{width: 36%;}
  .th2,.td2{width: 24%;}
  .th3,.td3{width: 17%;}
  .th4,.td4{width: 23%;}
  .th5,.td5{width: 59%;}
  .starul li{width: 14px;}
  .tdli>ul>.star_td{line-height: 1.5;}
  .pag_num{margin: 0 4px;}
  .pag_num.mR{margin-right: 10px;}
  .pag_num.mL{margin-left: 10px;}
  .pagination ul li img{width: 30px;}
  .answerwrap{padding: 10px;}
  .ans_text{font-size: 13px;padding-right: 20px;}
  .answerwrap .ans_x{right: 5px;top:3px;}
  .bd_ded{font-size: 13px;width: 60px;height: 33px;line-height: 31px;}
  .bg_eee{font-size: 13px;width: 60px;height: 33px;line-height: 33px;}
  .btn_585,.btn_e58{width: 105px;height: 42px;line-height: 42px;font-size: 13px;}
  .bd_585{width: 100px;height: 42px;line-height: 40px;font-size: 13px;}
  .mT15,.mT25{margin-top: 10px;}
  .mT30,.mT50{margin-top: 20px;}
  .mT45,.mT65,.mT70{margin-top: 25px;}
  .mT85,.mT90{margin-top: 30px;}
  .mL5{margin-left: 0;}
  .popbox{width: 90%;padding: 10px 10px 20px;}
  .pvtext .popbox strong,.popbox strong{font-size: 14px;margin: 15px 0;}
  .contact_in{padding: 10px;}
  .contact_in p{font-size: 13px;margin-bottom: 10px;}
  .inboxL{width: calc(100% - 87px);}
  .inboxL input{padding-left: 5px;font-size: 13px;}
  .inboxL textarea{padding: 5px;font-size: 13px;}
  .En_btn{width: 75px;font-size: 14px;}
  .stepul{margin-bottom: 20px;}
  .stepul li{border:1px #FFF solid;font-size: 13px;height: 50px;line-height: 50px;}
  .stepul li::after,.stepul .on::before{display: none;}
  .order_ok{padding: 25px 10px;}
  .order_ok strong{margin: 18px 0 10px;}
  .pr_img{width: 100%;}
  .pr_text{width: 100%;margin-left: 0;}
  .bdded{font-size: 13px;width: 48px;}
  .payT{padding: 15px 0;font-size: 13px;}
  .payT span{font-size: 16px;margin-left: 0;}
  .table_000 .numfield{width: 28px;display: block;border:1px #dedede solid;margin: -1px auto;}
  .table_000 .pr_td{padding-left: 0;}
  .tith3{font-size: 16px;background-size: 18px;padding-left: 25px;background-position: 0 4px;}
  .in_table th{width: 24%;padding-left: 0;}
  .inC,.selC{font-size: 13px;padding-left: 5px;height: 38px;}
  .textarea{font-size: 13px;padding: 5px;}
  .textarea02{height: 100px;}
  .basictr .inC,.basictr02 .inC{width: 100%;}
  .addresstr .inC{width: 59%;}
  .acctr .inC{width: 37%;}
  .btn808{font-size: 13px;padding: 0 7px;height: 38px;line-height: 38px;}
  .addresstr div .inC{width: 48%;}
  .addresstr div .inC:last-child{width: 50%;}
  .payment>div{padding: 10px;font-size: 14px;}
  .payment .fs32{font-size: 16px;margin-left: 3px;}
  .privacybox{height: 140px;font-size: 13px;padding: 10px;}
  .agreebox label{margin-left: 8px;}
  .board_table .taL{width: 52%;}
  .board_table .taL img{width: 18px;}
  .board_view thead th{font-size: 14px;padding: 13px 0;}
  .board_view thead div{font-size: 13px;float: none;width: 100%;text-align: right;box-sizing: border-box;margin-top: 10px;}
  .bar{margin: 0 6px -1px 8px;}
  .board_view td,.board_view .viewtr td{padding: 10px 0;}
  .viewbox{min-height: 100px;}
  .pnT th{width: 72px;}
  .pnT th::after{margin-top: 2px;}
  .pnT td{padding: 13px 0 13px 15px;}
  .searchbox02{padding: 15px 10px;}
  .searchbox02 input{padding: 0 5px;font-size: 13px;}
  .search_btn{width: 80px;font-size: 13px;}
  .galleryul>li{margin-right: 1%;width: 48.5%;}
  .galleryul>li:nth-child(3n){margin-right: 1%;}
  .galleryul>li:nth-child(2n){margin-right: 0;}
  .galleryul>li:nth-child(n+3){margin-top: 15px;}
  .gal_text{margin-top: 10px;}
  .gal_text p{font-size: 13px;margin: 3px 0 10px;}
  .gal_date span{display: block;margin-right: 0;margin-bottom: 5px;}
  .galleryul .review_text p{height: 45px;}
  .board_view .starul{text-align: right;}
  .loginbox{padding: 25px 10px;}
  .login_con strong{font-size: 16px;margin-bottom: 15px;padding-bottom: 15px;}
  .logindiv input{height: 50px;padding-left: 10px;font-size: 13px;}
  .loginbtn{height: 50px;line-height: 50px;font-size: 14px;}
  .btnbox a{width: 48.5%;}
  .snb_li{width: 50%;}
  .selectitle{background-position: 93%;padding-left: 10px;height: 50px;line-height: 50px;font-size: 14px;}
  .selecul{padding: 8px 0 13px 10px;top:50px;}
  .box_ded{padding: 30px 10px 25px;}
  .nameT{font-size: 16px;width: 100%;margin-top: 0;text-align: center;}
  .point{float: none;width: 100%;text-align: center;margin-top: 10px;font-size: 15px;}
  .filetr02 .inC{width: 43%;}
  .step_style{margin-bottom: 20px;}
  .step_style li{padding: 10px;font-size: 14px;width: 50%;margin-bottom: 2px;}
  .step_style li:nth-child(2n){border-right: 0;}
  .step_style li span{margin-right: 3px;display: inline-block;font-size: 15px;}
  .cerbox{padding: 20px 10px;}
  .cer_tit{padding-top: 27px;width: 130px;height: 130px;font-size: 14px;}
  .cer_inul{margin-top: 10px;}
  .cerT{font-size: 14px;width: 100%;}
  .cer_in{width: 100%;}
  .cerli01 .cer_in input{width: 29%;}
  .cerli02 .cer_in input{width: 100%;margin: 7px 0;}
  .cer_btn01,.cer_btn02{width: 100%;font-size: 13px;}
  .mT40{margin-top: 20px;}
  .login_id .inC{width: 71%;}
  .emailtr .selC{width: 100%;margin-top: 5px;}
  .login_emailtr .inC{width: 100%;}
  .find_tab{margin-bottom: 25px;}
  .find_tab a{height: 56px;line-height: 56px;font-size: 14px;}
  .privacy{height: 250px;font-size: 13px;padding: 10px;}
  .payT .fL{float: none;display: block;text-align: left;}
  .review_btn{font-size: 13px;padding: 0;width: 35px;height: 73px;}
  .btn_808{padding: 0 5px;font-size: 13px;}

  .review_pop{top:2%;padding: 0;}
  .pop_top{padding: 10px;font-size: 16px;}
  .pop_top .pop_x{margin-top: 0;}
  .pop_con{padding: 10px;}
  .tith4{margin-bottom: 5px;font-size: 15px;}
  .purbox{padding: 5px;}
  .pro_L{width: 100px;}
  .pro_R{font-size: 13px;width: calc(100% - 115px);}
  .scoreul{margin-top: -5px;}
  .scoreul>li{width: 48%;margin-right: 0;}
  .mT35{margin-top: 20px;}
  .review_pop .filetr02 .inC{width: 35%;}


  /* 사이즈 */
  .titleh2,.all_price span{font-size: 18px;}
  .review_tit,.sub_top h2{font-size: 17px;}
  .price,.pvtext strong,.fs24{font-size: 16px;}
  .productsul02 .p_text strong,.productsul02 .price,.fs18{font-size: 15px;}
  .line,.idT,.gal_text strong{font-size: 14px;}
  .bd_2c8,.gal_date,.checkbox,.selecul a{font-size: 13px;}
  .product_table,.numfield,.tab_ul .on a,.s_table,.pagination ul a,.table_000,.pr_text,.pr_text span,.bd_d0d,.in_table,.fs15,.agreebox,.board_table,.board_view td,.pnT{font-size: 13px;}
  .m_linkul a,.p_text .col2c8,.review_tit span,.fs16,.f_linkul a,.f_text strong,.f_text p,.tabul a,.tabul .on a,.stbox span,.productsul02 .line,.pvtext .col2c8{font-size: 13px;}
  .productsul02 .p_text .col2c8{font-size: 12px;}
}

@media all and (max-width:374px){
  .btn_585,.btn_e58{width: 97px;}
  .bd_585{width: 97px;}
}