/* responsive */




@media only screen and (min-width:1025px) {
.main_slide_wrapper { max-width:480px; z-index:29; box-shadow:1px 1px 15px rgba(99,99,99,0.2); position:absolute; top:0; right:-120%; z-index:11;transform:translateY(-45%); background:#fff; border-radius:20px; padding: 50px; }
.main_slide_wrapper .color_select_list { position:static; box-shadow:none; border-radius:none; padding-top:0; }
.main_aside_wrap3 .inner { position:relative; }

.main_slide_wrapper .head { width:100%; overflow:hidden; margin-bottom:35px; }
.main_slide_wrapper .name { width:100%; overflow:hidden; font-size:25px; color:#413d3c; }
.main_slide_wrapper .price { float:right;  font-size:20px; color:#89807e; }
.main_slide_wrapper .brand,
.main_slide_wrapper .model,
.main_slide_wrapper .case_type,
.main_slide_wrapper .color { width:100%; overflow:hidden; padding-bottom:30px; }
.main_slide_wrapper .type_title { width:100%; overflow:hidden; font-size:14px; color:#413d3c; padding-bottom:15px; }

.main_slide_wrapper .brand .radio_list li { float:left; padding-right:20px;  }
.main_slide_wrapper .brand .radio_list li input[type=radio] { display:none; }
.main_slide_wrapper .brand .radio_list li span { min-width: 22px;margin-right:5px;float:left; cursor:pointer; display:inline-block; width: 22px; height:22px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; }
.main_slide_wrapper .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; }
.main_slide_wrapper .brand .radio_list li label { font-size:16px; float:left; padding-right:5px; color:#413d3c; }
.main_slide_wrapper .color_select_list { position:static; box-shadow:none; padding-top:0; overflow:hidden; border-radius:0; }
.main_slide_wrapper .color_select_list .text { display:none; }
.main_slide_wrapper .color_select_list > li { float:left;/*  width:20px; height:20px; */ margin: 0 20px 20px 0;  }
.main_slide_wrapper .color_select_list > li:nth-child(10n) { margin-right:0 }
.main_slide_wrapper .maker_box { width:100%; overflow:hidden; }
.main_slide_wrapper .maker_box > a { display:inline-block; }
.main_slide_wrapper .maker_box .start_customising { width:100%; padding: 15px 0; text-align:center; color:#fff; background:#413d3c; border-radius:15px; font-size:18px; }
.main_slide_wrapper .select_wrap select { width:100%;min-width:300px; height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px;  }


.main_aside_wrap3 .left_num { width:150px;  padding: 0 10px; }
.main_aside_wrap3 .left_num > img {/*  display:none; */ width:22px; }



.toTop { display:none; }

.idea_box .popup_wrapper {  top: 50%; left: 50%;  transform:translate(-50%,-50%);  }


/* 2020-06-03 category filter area new */
.sub_cat_list_wrap { width:100%; overflow:hidden; height:70px; background:#fff; margin-bottom:15px; box-shadow:1px 5px 10px rgba(246,246,246,0.8); line-height:70px; display:flex;}
.sub_cat_list_wrap form { margin: 0 auto; }
/*    width:1000px; margin: 0 auto;*/
.sub_cat_list_wrap ul.cat_list { width:100%; overflow:hidden; height:70px;  display:block; }
.sub_cat_list_wrap ul.cat_list > li { float:left; height:100%; }
.sub_cat_list_wrap ul.cat_list > li.brand { width: 350px; background:url(../images/newbird/cat_list_bg.gif) no-repeat calc(100% - 20px) center; }
.sub_cat_list_wrap ul.cat_list > li.case_type { width: 300px; background:url(../images/newbird/cat_list_bg.gif) no-repeat calc(100% - 20px) center; }
.sub_cat_list_wrap ul.cat_list > li.reset { width:auto;  }
/* 150px */

.sub_cat_list_wrap ul.cat_list > li > div { float:left; }
.sub_cat_list_wrap ul.cat_list > li.brand .type_title { width:100px; }
.sub_cat_list_wrap ul.cat_list > li.brand .kind { width:calc(100% - 100px); }

.sub_cat_list_wrap ul.cat_list .radio_list { width:100%; height:70px; }
.sub_cat_list_wrap ul.cat_list .radio_list > li { float:left; width: calc(33.33% - 6.5px); height:100%; line-height:70px; }
.sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio] { display:none; }
.sub_cat_list_wrap ul.cat_list .radio_list > li span { width:20px; height:100%; float:left; display:inline-block; cursor:pointer; line-height:70px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; background-size:100% auto; }
.sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; background-size:100% auto; }

.sub_cat_list_wrap ul.cat_list > li.case_type .type_title { width: 55px; height:100% ; }
.sub_cat_list_wrap ul.cat_list > li.case_type .kind { width:calc(100% - 95px); }
.sub_cat_list_wrap ul.cat_list > li.case_type .select_wrap select { width:100%; height:50px; margin: 10px 0 0 0; font-size:13px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center; border:none; padding: 0 15px; border-radius:10px;  }
.select_wrap select::-ms-expand { display:none; }

.sub_cat_list_wrap ul.cat_list > li.reset input { width: 30px; height:30px; border:none; background:url(../images/newbird/filter_reset.png) no-repeat center center; font-size:0; cursor:pointer; }
.sub_cat_list_wrap.on { width:100%; position:fixed; top:55px; left:0; background:#fff; z-index:100; transition:all 0.5s; }



.sub_cat_list_wrap .category_list { background:url(../images/newbird/cat_list_bg.gif) no-repeat calc(100% - 20px) center; }


.sub_cat_list_wrap .search_nav { padding:0; height:100%;  }
.sub_cat_list_wrap .search_nav span.navi_linemap { height:100%; width:200px; float:left; margin-right: 10px; }
.sub_cat_list_wrap .search_nav select { width:100%; height:50px; margin: 10px 0 0 0;font-size:13px; background:#f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center; border:none; padding: 0 15px; border-radius:10px; }
.sub_cat_list_wrap .search_nav .navi_linemap:before { display:none; }
.sub_cat_list_wrap select { outline:none !important; -webkit-appearance:none; -moz-appearance:none; appearance:none;  }
.sub_cat_list_wrap .search_nav .home { display:none; }


/* selfuNCase */
.sub_cat_list_wrap.selfunCase { text-align:center; }
.sub_cat_list_wrap form {}








}


@media only screen and (min-width:1025px) {

/* 2020-04-02 */
.newVisual .gif_wrap { width:1200px; }  

}

@media only screen and (max-width:1025px) { 
  .layout_header.on .header_wrap .logo_area{transform: scale(1);}
  .layout_footer .ftop .snsNav li a span{font-size:24px;}
.newVisual .gif_wrap { width:100%; }  

/*주문하기*/
.order_wrap .round_box { height: 40px !important; line-height: 40px !important; }
.order_wrap .phone_number_box input { height: 40px; line-height: 40px; max-width: 100%;}
.order_wrap .delivery_input .list_01.v2 > li .btn_h50 { height: 40px; line-height: 40px; padding: 0 10px;}
.order_wrap .v2 span.od_sale_price { height: 40px; padding: 0 10px; line-height: 40px; }
#coupon_apply, .emoney_input_button, .emoney_all_input_button { font-size: 14px; padding: 0 10px !important; height: 40px; line-height: 40px; }

.order_wrap .order_price_total>ul>li { padding: 4px 0; }
.order_wrap .order_price_total>ul.total>li.th { padding: 17px 0; }
.order_wrap .order_price_total>ul.total>li { padding: 10px 0 5px 10px; }

.order_wrap .payment_method_select > li > div { height: 40px; }
.order_wrap .payment_method_select > li > p { height: 40px; line-height: 40px; }




}







@media screen and (min-height:810px) and (min-width: 1761px) {
.main_visual_wrap .newVisual .con_outer { padding: 180px 0 50px 0;  }


}



@media screen and (max-height:720px) and (max-width: 1760px) {
.main_visual_wrap .newVisual .con_outer {  padding: 140px 0 50px 0;  }



}

@media screen and (max-height:680px) and (max-width: 1760px) {
.main_visual_wrap .newVisual .con_outer {  padding: 120px 0 30px 0;  }


}









@media only screen and (min-width:1761px) {
.header_wrap { width:1761px; margin: 0 auto; padding:0;  }  
.main_aside_wrap { width:1761px !important; left: 50% !important; transform: translateX(-50%) translateY(-50%) !important;; padding:0;}
.main_aside_wrap3, .main_aside_bottom { width:1761px !important; left: 50% !important; transform: translateX(-50%) !important;; padding:0; }
.main_aside_wrap .left_num { margin-left: -45px; }
.category_wrap { width:100%; overflow:hidden; }
.category_wrap .cat_list { width:1761px; margin: 0 auto; }

.category_wrap.review_filter .cat_list { width:100%; }


}



@media only screen and (max-width:1760px) {
.main_aside_wrap .left_num { margin-left: -45px; }
.event_banner_wrap .slick-dots { bottom:15%; }
.event_banner_wrap .slide_contents .text_wrap { top: 45%; }

.event_banner_wrap .slide_contents .text_wrap li p { font-size:50px; }
.event_banner_wrap .slide_contents .text_wrap li .text2 { margin-bottom:15px; } 
.event_banner_wrap .slide_contents .text_wrap li a.sbtn { margin-top:20px; width:200px; height:45px; line-height:45px; font-size:16px; }


.header_wrap, .category_wrap, .main_aside_wrap3, .main_aside_bottom{ width: 100%; padding: 0 80px; }  

.category_wrap.review_filter {  }
.category_wrap.review_filter .review_filter_wrap { width:1200px; margin: 0 auto; }



.category_wrap.review_filter .cat_list { width:100%; }













.main_visual_wrap .newVisual .con_outer { width:100%;}






















}


@media only screen and (max-width:1600px) {
.category_wrap { min-width:1px; }
.category_wrap .cat_list > li { background-position: 98% center; }
.category_wrap .cat_list > li .type_title { text-align:center; }

.category_wrap .cat_list .brand { width:40%; }
.category_wrap .cat_list .model { width:25%; }
.category_wrap .cat_list .case_type { width:25%; }



.category_wrap .cat_list .brand .type_title { width:28%;  }
.category_wrap .cat_list .brand .kind { width:72%; }
.category_wrap .cat_list .brand .radio_list li { /* width:33.33%; */ }
.category_wrap .cat_list .brand .radio_list li label { font-size:14px; }
.category_wrap .cat_list .brand .radio_list li span { min-width:22px; background-size:100% auto; }
.category_wrap .cat_list .select_wrap select { font-size:14px; }







.s3 span, .s4 span { font-size:50px; }
.s3 .top, .s4 .top  { left: -100px; }
.s3 .bottom, .s4 .bottom  { right: -100px; }


}









@media only screen and (max-width:1400px) {
.header_wrap, .main_aside_wrap3, .main_aside_bottom { width:100% !important; padding: 0 40px; }
.event_banner_wrap .slick-dots { bottom:50px; }
.event_banner_wrap .slide_contents .text_wrap li p { font-size:40px; }

.category_wrap.review_filter .review_filter_wrap { width:100%; padding: 0 40px; }




.review_filter.category_wrap .cat_list .model { padding:0 }
.category_wrap.review_filter .cat_list .select_wrap select { width: calc(100% - 50px); float:right; }
.review_filter.category_wrap .cat_list .model .type_title { text-align:right; } 
  


/* main */
.main_aside_bottom { bottom:90px; }
.main_visual2 .mVisualWrap ul.visual_slick li.slides { padding-top:0; }  
.mVisualWrap .slide3 p,
.mVisualWrap .slide4 p { font-size:55px; }






.s3 .top, .s4 .top  { left: -90px; }
.s3 .bottom, .s4 .bottom  { right: -90px; }



.review_filter.category_wrap .cat_list .brand { min-width:380px }











}


@media only screen and (max-width:1227px) {

#shipping_detail_lay {  width:calc(100% - 60px);   }







}




@media only screen and (max-width:1200px) {
  .idea_box .right_info .bottom { width:calc(50% - 10px); }
.idea_box .right_info .top .desc{width:calc(50% - 30px);float:right;margin-top:-270px;}

.header_wrap, .main_aside_wrap3, .main_aside_bottom { padding: 0 20px; }
.header_wrap .mNav { width:680px; }
.header_wrap .mNav > li a { font-size:16px; padding:0 10px;}
.header_wrap .util_wrap_ver2 > li a { width:25px; background-size:22px auto;margin-top:17px;}
.header_wrap .util_wrap_ver2 > li a.login { margin-left:20px;margin-right:20px;margin-top:15px; }

.step_wrap { min-width:1025px; }
.step_wrap > ul { width:100% !important; padding: 0 40px;  }
.step_wrap li { background-position: 95% center; }
.step_wrap li .right_text { padding: 40px 0 0 15px; }
.step_wrap li .right_text > p { font-size: 12px; }




.review_wrap .review_list { width:100%; }
.title_group1 h3.title1 { width:100%; }
.event_banner_wrap .slide_contents .text_wrap { width:100%; left:0; top: 0; transform: translateX(0) translateY(0); }
.event_banner_wrap .slide_contents .text_wrap li { width:100%; padding: 0 40px; }

.top_title { width:100%; }

.main_bottom_wrap .w1200 { width: 100%; }
.main_bottom_wrap li { padding: 30px 60px; }


.layout_footer .footer_wrap, .layout_footer .copyright span { width:100% !important;  padding: 0 20px }
.layout_footer .copyright span.newbird { padding: 0 20px; }


.list_wrap { width:100%; padding: 0 20px 30px 20px; }


.category_wrap, .category_wrap.review_filter { padding: 0 20px; }

.category_wrap .cat_list > li.model .type_title { width:30% }
.category_wrap .cat_list > li.model .kind { width:70% }
.category_wrap .cat_list > li.model .kind select { width: calc(100% - 25px) }



.category_wrap.review_filter .review_filter_wrap { padding:0 }

/* 아이디어쉐어 */

.review_filter .review_filter_wrap .filter_left { width: 30%;  }
.review_filter .review_filter_wrap .review_filter_form { width: 70%; }
.category_wrap.review_filter .review_filter_wrap { width:100%; }
.review_filter .cat_list > li.model, 
.review_filter .cat_list > li.brand{ width:50%; min-width:1px !important; }
.review_filter .cat_list > li.model {  }
.review_filter.category_wrap .cat_list .brand .radio_list li { width:33.33%; }
.review_filter.category_wrap .cat_list .type_title { padding-left:0; }
.review_wrap .review_list { width:100%; overflow:hidden; }
.review_list .list { float:none; width:100%; padding: 0 calc(50% - 300px) }

.review_wrap .main_bbslist { width:100%; overflow:hidden; margin-top:50px; }
.review_wrap .title_group1 a.more { float:none; }


.search_filter_wrap, .search_nav { width:100%; }
.search_filter_wrap {padding: 0 20px; }
.review_filter .filter_left .btn_box { margin-left:10px; }


.top_tab_wrap { min-width: 320px; }

.top_tab_wrap > ul { width:100%; padding: 0 20px; }
.top_tab_wrap > ul > li a { font-size:14px; }

/* 
.review_filter .review_filter_wrap .filter_left { width:30%; background-position: right center; }
.review_filter .filter_left .btn_box { margin-left:10px; width:90px; }
.review_filter .review_filter_form { width:70%; }
.review_filter .filter_left .article_info > span.text { background-size:18px auto; font-size:14px; padding: 0 5px 0 25px; }
.review_filter .filter_left .article_info span.number { font-size:14px; }

.review_filter.category_wrap .cat_list .brand { min-width:350px; }
.category_wrap .cat_list .brand .kind { width:auto; }
.review_filter.category_wrap .cat_list > li.model { min-width:280px; }
.review_filter.category_wrap .cat_list .brand .radio_list li {width: calc(25% - 5px); margin: 0 5px 0 0 }
.review_filter .review_filter_wrap .review_filter_form { width:70%; }


 */



.review { width:calc(100% - 40px); margin-left:20px; }






.event_banner_wrap .slick-dots { width:100%; padding-left:40px; }
.event_banner_wrap .slide_contents .text_wrap li p {  }
.event_banner_wrap .slide_contents .text_wrap { top: 50px; }
.event_banner_wrap .slide_contents .text_wrap li a.sbtn { width:150px; font-size:14px; }
.event_banner_wrap .slide_contents .text_wrap li p { font-size:35px }


.event_banner_wrap .slick-slide img {min-width: 1193px !important;  }
.event_banner_wrap .sslide { }






.idea_box .product_review { height:100%; }
.idea_box .popup_wrapper { width:calc(100% - 40px);height:calc(100% - 220px); padding: 50px; max-height:100%; }
.idea_box .popup_wrapper .pop_close { right:50px;; top:50px; bottom:auto; left:auto; transform:translateX(0) translateY(0); }


.idea_box .product_review #review_img_box { width:100%; height:50%; overflow:hidden;text-align:center; float:none; }
.idea_box .product_review #review_img_box .left_pic { height:100%; }

.idea_box .product_review .right_info { width:100%; overflow:hidden; padding:50px 0 0 0;height:auto; }
/* height:50%;  */
.idea_box .right_info .bottom { bottom:0; right:0 }

.idea_box .product_review #review_img_box .left_pic img { width:auto; height:100%; border-radius:30px; }
.idea_box .product_review .right_info .top { width:100%;position:relative;}
.product_review .slick-track, .product_review .slick-list { height:100%; }





/* 2020-03-31 */

.main_visual_wrap .newVisual .s2 .text_box .text2 span { width:85%; font-size:65px; line-height:110px; }

@keyframes typewriter1 {
from {width:0}
to {width:85%}
}





/* 


.newVisual .s1 .gif_wrap { width:100%; height:100%; }



 */





.order_wrap .order_bg { width:100%; padding: 10px 20px; }
.order_wrap .order_left, .order_wrap .order_right, 
.order_wrap .cart_left, .order_wrap .cart_right { width:100%; float:none; max-width:100%; }
.order_wrap .order_right { margin-top:50px; }

.order_wrap .subpage_wrap .subpage_container.v2 { display:block; width:100%; }




.s3 span,
.s4 span { font-size:45px; }



.order_wrap .cart_left, .order_wrap .cart_right { width:100% !important; display:block; }
.order_wrap .cart_left { margin-bottom:50px; }


.agreement_wrap, .privacy_wrap { width:100%; overflow:hidden; padding: 0 20px; }

.service_wrap { width:100%; overflow:hidden; padding: 10px 20px 50px 20px; }













}


@media only screen and (max-width:1193px) {

/* .category_wrap .cat_list > li.reset { width:2.5% }
.category_wrap .cat_list > li.reset label { display:none; }
.review_filter.category_wrap .cat_list > li.model { width:280px !important; }

 */


.event_banner_wrap .slick-slide img {min-width: 1023px !important;  }
.event_banner_wrap .slick-dots { bottom:30px }








}



@media only screen and (max-width:1024px) {
.mobile { display:block !important; }
.pc { display:none !important; }
.best_mobile { display:block; }
.best_pc { display:none; }

#layout_body { padding:60px 0 0 0; } 
.layout_header { padding: 15px 20px;  }
/* height:60px !important */
.header_wrap { padding:0;position:relative; }
.header_wrap .logo_area { width:70px; float:none; margin: 0 auto; height:35px;  }
.header_wrap .logo_area img { vertical-align:top }
.header_wrap .cart_wrap { position:absolute; right:0; top:-10px; line-height: normal; }

.category_wrap .cat_list > li .type_title { text-align:left; }

.layout_header.on { padding: 15px 20px; }

.list_bg .category_wrap.on { top: 60px }

.main_slide_wrapper.product { width:calc(100% - 30px); box-shadow:1px 1px 15px rgba(99,99,99,0.2); margin: 15px; overflow:hidden; padding:50px; background:#fff; position:fixed; top:50%; transform:translateY(-50%); right:-120%;  border-radius:20px;  }
.main_slide_wrapper.product .color_select_list { position:static; box-shadow:none; padding-top:20px; }
.main_slide_wrapper.product .head { width:100%; overflow:hidden; padding-bottom:20px; }
.main_slide_wrapper.product .name { font-size:30px; color:#484445 }



.main_slide_wrapper.product .type_title { font-size:17px; color:#3e3c3d; padding: 15px 0 10px 0; } 

.main_slide_wrapper .brand { width:100%; overflow:hidden; }



.main_slide_wrapper .brand .radio_list li { float:left; padding-right:20px;  }
.main_slide_wrapper .brand .radio_list li input[type=radio] { display:none; }
.main_slide_wrapper .brand .radio_list li span { min-width: 22px;margin-right:5px;float:left; cursor:pointer; display:inline-block; width: 22px; height:22px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; }
.main_slide_wrapper .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; }
.main_slide_wrapper .brand .radio_list li label { font-size:16px; float:left; padding-right:5px; color:#413d3c; }
.main_slide_wrapper .color_select_list { position:static; box-shadow:none; padding-top:0; overflow:hidden; border-radius:0; }
.main_slide_wrapper .color_select_list .text { display:none; }
.main_slide_wrapper .color_select_list > li { float:left;/*  width:20px; height:20px; */ margin: 0 20px 20px 0;  }
.main_slide_wrapper .color_select_list > li:nth-child(10n) { margin-right:0 }
.main_slide_wrapper .maker_box { width:100%; overflow:hidden; margin-top:20px; }
.main_slide_wrapper .maker_box > a { display:inline-block; }
.main_slide_wrapper .maker_box .start_customising { width:100%; padding: 15px 0; text-align:center; color:#fff; background:#413d3c; border-radius:15px; font-size:18px; }
.main_slide_wrapper .select_wrap select { width:100%; height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px;  }



.category_wrap { padding:0 }
.category_wrap.review_filter { padding:0; box-shadow:1px 1px 15px rgba(99,99,99,0.1); }



/* apple - divice */

.newVisual.apple .gif_wrap { width:150%; text-align:center; }
.newVisual.apple .s3 .top,
.newVisual.apple .s4 .top{ top:100px; }
.newVisual.apple .s3 .bottom,
.newVisual.apple .s4 .bottom{ bottom:100px; }


/* 2020-03-31 */

.main_visual_wrap .newVisual .s2 .text_box .text2 span { width:85%; font-size:50px; line-height:110px; }

@keyframes typewriter1 {
from {width:0}
to {width:85%}
}







.s3 span,
.s4 span { font-size:45px; left:50%; transform:translateX(-50%) translateY(0) }
.s3 .top, .s4 .top  { left: 50%; top:80px; }
.s3 .bottom, .s4 .bottom  { right: auto; left:50%; top:auto; bottom:80px; }





/* totop */
.toTop { position:fixed; z-index:30; right: 28px; bottom: 90px; width: 25px; height:20px; display:none; }
.toTop img { width:100%; }





/* 햄버거 */
.resp_top_hamburger { position:absolute; left:0; top:50%; margin-top:0; transform:translateY(-50%); }
.resp_top_hamburger>a { display:block; position:relative; width:20px;  height:14px; }
.resp_top_hamburger>a>b,
.resp_top_hamburger>a:before,
.resp_top_hamburger>a:after { display:block; font-size:0; content:''; position:absolute; right:0; height:2px; width:100%; background:#555; }
.resp_top_hamburger>a>b { overflow:hidden; text-indent:-9999px; top:calc(50% - 1px);  }
.resp_top_hamburger>a:before { top:calc(50% + 2px); transform:translateY(-10px) rotate(0deg); transition:0; }
.resp_top_hamburger>a:after { top:calc(50% - 4px); transform:translateY(10px) rotate(0deg); transition:0; }
.resp_top_hamburger>a:hover:before { width:11px; right:-2px; transform:translateY(-6px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.resp_top_hamburger>a:hover:after { width:11px; right:-2px; transform:translateY(6px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.resp_top_hamburger>a.on:before { width:11px; right:-2px; transform:translateY(-6px) rotate(45deg); }
.resp_top_hamburger>a.on:after { width:11px; right:-2px; transform:translateY(6px) rotate(-45deg); }


/* 패널 */
.layout_side { width:calc(100% - 50px); padding:15px 20px; }
.aside_userinformation { padding: 0 0 10px 50px; border-bottom:1px solid #eeeff2; } 
#side_close { left:20px; top:20px !important;; margin:0; }
.side_close:before, .side_close:after { box-shadow:none; background:#413d3c; height:2px; width:80%; }
.aside_userinformation a { display:inline-block; font-size:0; width:35px; height:35px; line-height:35px; }
.aside_userinformation a.login { background:url(../images/newbird/nav_lock_icon.png) no-repeat center center;  background-size: 22px auto; }
.aside_userinformation a.logout { background:url(../images/newbird/nav_unlock_icon.png) no-repeat center center;  background-size: 22px auto; }
.aside_userinformation a.join { background:url(../images/newbird/nav_login_icon.png) no-repeat center center;  background-size: 22px auto; }

.aside_navigation_wrap {  }
.aside_navigation_wrap > ul { width:100%; overflow:hidden; padding: 20px 0; }
.aside_navigation_wrap > ul > li { padding: 15px 0 15px 10px; background:url(../images/newbird/m_aside_bg.gif) no-repeat left center; }
.aside_navigation_wrap > ul > li a { font-size:16px; color:#413d3c }

.aside_navigation_wrap .print_guide { display:inline-block; width:100%; height:60px; line-height:60px; padding-left: 10px; background:#ffd452; border-radius:10px; font-size:16px; color:#413d3c }

.layout_side .sns_wrap { width:100%; padding: 0 20px; position:absolute; bottom:0; left:0; }
.layout_side .sns_wrap .snsNav { width:100%; overflow:hidden;  padding: 20px 0; border-top:1px solid #eeeff2; text-align:center; }
.layout_side .sns_wrap .snsNav > li { display:inline-block; padding: 0 8px; }
.layout_side .sns_wrap .snsNav > li img { width: 17px; height:auto; vertical-align:middle; }



.main_visual2 .mVisualWrap ul.visual_slick li.slides { padding-top:70px; }










.product_change_wrap { max-width:480px; background:#fff; padding: 50px; position:absolute; top:100%; left:20px; z-index:2; border-radius:20px; box-shadow:1px 1px 15px rgba(90,90,90,0.2) }
/* bottom:120px; */


.product_change_wrap .color_select_list { position:static; box-shadow:none; padding-top:20px; }
.product_change_wrap .head { width:100%; overflow:hidden; padding-bottom:20px; }
.product_change_wrap.name { font-size:30px; color:#484445 }


.product_change_wrap .type_title { font-size:17px; color:#3e3c3d; padding: 15px 0 10px 0; } 

.product_change_wrap .brand { width:100%; overflow:hidden; }



.product_change_wrap .brand .radio_list li { float:left; padding-right:20px;  }
.product_change_wrap .brand .radio_list li input[type=radio] { display:none; }
.product_change_wrap .brand .radio_list li span { min-width: 22px;margin-right:5px;float:left; cursor:pointer; display:inline-block; width: 22px; height:22px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; }
.product_change_wrap .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; }
.product_change_wrap .brand .radio_list li label { font-size:16px; float:left; padding-right:5px; color:#413d3c; }
.product_change_wrap .color_select_list { position:static; box-shadow:none; padding-top:0; overflow:hidden; border-radius:0; }
.product_change_wrap .color_select_list .text { display:none; }
.product_change_wrap .color_select_list > li { float:left;/*  width:20px; height:20px; */ margin: 0 20px 20px 0;  }
.product_change_wrap .color_select_list > li:nth-child(10n) { margin-right:0 }
.product_change_wrap .maker_box { width:100%; overflow:hidden; }
.product_change_wrap .maker_box > a { display:inline-block; }
.product_change_wrap .maker_box .start_customising { width:100%; padding: 15px 0; text-align:center; color:#fff; background:#413d3c; border-radius:15px; font-size:18px; }
.product_change_wrap .select_wrap select { width:100%; height:50px; font-size:16px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 92% center; border:none; padding: 0 15px; border-radius:10px;  }











/* width:50%;position:absolute;top:0;right:0; */





/* main image slider */
.main_visual2 { min-width:320px; }
.main_visual2 .mVisualWrap > ul li .visual_wrap { width:100%; padding-top:60px; }
.main_visual2 .mVisualWrap ul.visual_slick li.slides { }
.main_visual2 .mVisualWrap > ul li .mobile_area { width: 100%; }
.main_visual2 .mVisualWrap > ul li.slide1 .mobile_area .mo1 { left:50%; }
.main_visual2 .mVisualWrap > ul li.slide2 .mobile_area .mo1 { left:50%; }
.main_aside_wrap3 { padding:0 }
.main_aside_bottom { padding: 0 20px; }
.main_aside_wrap3 .left_num { margin-left:-30px; }
.main_aside_wrap3 .right_stick { margin-right:0; right:15px; }
.main_aside_bottom > span {margin-left:0}
.mVisualWrap .slide3 .small_mobile { background-position: center top; }



.main_visual2 .mVisualWrap > ul li.slide1 .mobile_area .shadow, 
.main_visual2 .mVisualWrap > ul li.slide2 .mobile_area .shadow { left:47%; }
.mVisualWrap .slide1 .animation_box .obj2 { left:54.5%; }
.mVisualWrap .slide1 .animation_box .obj1 { left:50% }
.mVisualWrap .slide1 .animation_box .obj2.on { left:50% }
.mVisualWrap .slide1 .animation_box .obj3 { left:50% }


.main_visual2 .mVisualWrap > ul li.slide2 .text_box .text2, .main_visual2 .mVisualWrap > ul li.slide2 .text_box .text1 { display:none !important; }
.main_visual2 .mVisualWrap > ul li.slide2 .text_box .text1 {  } 

.main_visual2 .mVisualWrap > ul li.slide2 .smile_mouth { left:50%; }

.mVisualWrap .shadow_box { bottom:61px; }
.mVisualWrap .slide3 .text1, 
.mVisualWrap .slide3 .text2 { z-index:33; text-align:center; width:767px; }

.mVisualWrap .slide3 .text1 { left:50%; transform:translateX(-50%) }



.mVisualWrap .slide4 .text1, 
.mVisualWrap .slide4 .text2 { z-index:33; text-align:center; width:767px; }

.mVisualWrap .slide4 .text1 { left:50%; transform:translateX(-50%) }
.mVisualWrap .slide4 .text2 { top: 40%; left:50%; transform:translateX(-50%); right:auto; }











.step_wrap { min-width:320px; height:auto; overflow:hidden; }
.step_wrap > ul { padding: 30px 45px;  height:auto; overflow:hidden;  }
.step_wrap li { float:none; width: 100% !important; background:none; margin-bottom:20px; overflow:hidden; margin-left:0 !important;}
.step_wrap li .left_img { width:35px; height:60px; background-size: 100% auto !important;  }
.step_wrap li .right_text { padding:10px 0 0 20px; height:60px; }
.step_wrap li .right_text > p { font-size: 13px;letter-spacing:-0.5px; }
.step_wrap li .right_text > p .block { display:inline-block; }





.title_group1 {  }
.title_group1 h3.title1 { background:none; padding:0; text-align:center;  }
.title_group1 .title1 span { float:none; width:100%; text-align:center; }
.title_group1 .small { float:none; width:100%; font-size:14px; text-align:center; padding:0; overflow:hidden; }


.best_wrap .title_group1 { margin-bottom: 100px }




/* 추천케이스 */
.best_wrap { padding: 0 20px; }
.best_wrap .best_mobile { width:100%; }
.best_mobile .gli_image { width:100% !important; }
.best_mobile .gli_image img { width:100% }
.best_mobile .slick-slide { }
.best_mobile .goods_list { margin: 0 } 

.best_mobile .slick-slide > div { position:relative; right:10px; }

.best_wrap .slick-dots { top:-40px; text-align:center; }

.best_mobile .infO_group{ display:none; }
.best_mobile .displaY_goods_name {  }
.best_wrap .display_responsible_class .goods_list { margin: 0 -10px }
.best_wrap .display_responsible_class .goods_list li.gl_item{ margin: 0 10px 50px 10px; padding:5px; }







.main_aside_wrap3 .left_num { font-size:0; width:50px; height:50px; border-radius:50%; margin-left:15px; text-align:center; transform:rotate(0); line-height:50px; }
.main_aside_wrap3 .left_num > img { display:inline-block; }
.main_aside_wrap3 .left_num.on { background:#413d3c; transition:.2s; }



.main_bottom_wrap .w1200 { padding: 0 40px; }
.main_bottom_wrap li { padding:0; float:none; width:100%; overflow:hidden; height:100px; margin: 5px 0 15px 0; }
.main_bottom_wrap li > a > div { float:left; height:100px; }
.main_bottom_wrap li .top { width: 100px; }
.main_bottom_wrap li .bottom { width:calc(100% - 100px); text-align:left; padding: 0 0 0 20px; }
.main_bottom_wrap li .bottom p.big { text-align:left; background-position: left 70% !important; font-size:18px; }
.main_bottom_wrap li:first-child p.big { background-size: 50px 9px; }
.main_bottom_wrap li:nth-child(2) p.big { background-size: 100px 9px; }
.main_bottom_wrap li:nth-child(3) p.big { background-size: 70px 9px; }

.main_bottom_wrap .btn_style1 { display:none; }
.main_bottom_wrap li .bottom .small { padding:0; font-size:13px; line-height:20px; }
.main_bottom_wrap li:hover { background:none; }
.main_bottom_wrap li > a {  display:block; text-align:left; width:100%; height:100% }
.main_bottom_wrap li > a.border { border-bottom:1px solid #eeeff2; }




.event_banner_wrap .slick-dots { opacity:0; }





.list_wrap .searched_item_display > ul > li {  width:calc(50% - 20px)  }
.list_wrap .searched_item_display > ul > li:nth-child(3n-1) { margin: 20px 0; }
.list_wrap .searched_item_display > ul > li:nth-child(odd) { margin-right: 40px; }


#wrap { padding-top: 0 !important; }
.top_title { width:100%; padding: 30px 0 30px 0; overflow:hidden; margin-top:75px;}
#boardlayout .top_title{margin-top:65px;}
#boardlayout .top_title.notCsCenter{margin-top:0;}
.mypage_wrap .top_title{margin-top:185px;}
.top_title h2 { font-size:30px; }

.search_filter_wrap, .search_nav { width:100%; }
.search_filter_wrap { padding: 0 20px; }
.search_filter_wrap .filtered_item_sorting .item_order { border:1px solid #ddd; }



.list_bg {  background:#fdfdfd; width:100%; overflow:hidden; padding-top: 65px; }
.category_wrap .cat_list li.close { background:none; padding:0;  }

.category_wrap { width:100%; height:auto; overflow:hidden; box-shadow:none; top:65px;}
.category_wrap .cat_list { width:100%; padding:30px 20px; overflow:hidden; line-height:normal; display:none; height:auto;  }
.category_wrap .filter_btn_wrap { width:100%; overflow:hidden; height:50px; text-align:center; margin-bottom:15px; box-shadow: 2px 5px 15px rgba(190,190,190,0.2) }
.category_wrap .filter_btn_wrap > a { display:inline-block; float:left; width:50%; height:50px; font-size:14px; color:#413d3c; line-height:50px; }
.category_wrap .filter_btn_wrap > a > img { width:25px; height:auto; padding-right:5px; }
.category_wrap .filter_btn_wrap .filterOpen { border-right:1px solid #eeeff2; }


.category_wrap.on { box-shadow: 1px 2px 15px rgba(0,0,0,0.1) }

.category_wrap.on .filter_btn_wrap { margin-bottom:0 }
.category_wrap.review_filter.on { top:65px; }
.category_wrap.my_category_wrap.on { top:65px; margin-top:0 }










/* filter */
.category_wrap .cat_list > li { float:none; width:100% !important; padding:0 !important; overflow:hidden; background:none; margin-bottom: 20px; }
.category_wrap .cat_list li.close { position:relative;margin-bottom: 30px; }
.category_wrap .cat_list li.close h3 { font-size: 18px; color:#413d3c;  }
.category_wrap .cat_list li.close a { font-size:18px; color:#413d3c; position:absolute; right:0; top:50%; transform:translateY(-50%); }

.category_wrap .cat_list > li .type_title { width:100%; float:none; font-size:12px; padding-bottom:15px; }
.category_wrap .cat_list > li .kind { float:none !important; width:100% !important; background:none; overflow:hidden; }
.category_wrap .cat_list .brand .radio_list li {  }
.category_wrap .cat_list > li.brand .kind { height:30px; line-height:30px;} 
.category_wrap .cat_list .brand .radio_list li span { width:22px; height: 30px; background-size: 100% auto; padding: 1px; }
.category_wrap .cat_list .brand .radio_list li input[type=radio]:checked + label span { background:url(../images/newbird/m_checked.png) no-repeat left center; }
.category_wrap .cat_list .brand .radio_list li label { font-size:14px; }
.category_wrap .cat_list .select_wrap select { font-size:14px; background:#f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center }
.category_wrap .cat_list .case_type .kind {   }
.category_wrap .cat_list .color .color_selected { font-size:14px; }






.category_wrap .cat_list .color  { overflow:visible !important; min-height:100px; }
.category_wrap .cat_list .color .kind { padding-left:0; min-height: 50px; top: 35px; left: 0; }
.category_wrap .reset label { display:inline-block !important; font-size:14px; }
.category_wrap .cat_list > li.apply { margin: 40px 0 20px 0;}
.category_wrap .cat_list > li.apply button { width:100%; padding: 15px 0; background:#413d3c; border-radius:5px; color:#ffd452; font-size:16px; font-weight:bold; }



.category_wrap .color_select.on { position:static; }
.category_wrap .color_select.on .color_select_list { overflow-y:auto; max-height:300px; border-radius: 10px; }



.search_filter_wrap .filtered_item_sorting .item_order { border:none; }
.filtered_item_sorting #mobileSortingSelected { border:none; height:35px; margin:0; padding: 0 15px 0 25px; font-size:12px; color:#413d3c; line-height:35px; text-align:left; padding-left: 35px; background-color:#f3f4f6; background-image: url(../images/newbird/sort_bg.png), url(../images/newbird/sort_arrow_out.png); background-repeat: no-repeat, no-repeat; background-position: 15px center, 90% center; background-size: 8px auto, 10px auto; border-radius: 20px; }
.filtered_item_sorting #mobileSortingSelected:after { content:''; width:0; height:0; }
.filtered_item_sorting .item_order > .list > li > label { } 
.filtered_item_sorting #mobileSortingSelected.on { border-radius:15px 15px 0 0; padding-left: 35px; text-align:left; background-color:#645d5b; background-image: url(../images/newbird/sort_bg.png), url(../images/newbird/sort_arrow_on.png); background-repeat: no-repeat, no-repeat; background-position: 15px center, 90% center; background-size: 8px auto, 10px auto; color:#fff; border-bottom:1px solid #5c5553; }
.filtered_item_sorting .item_order>.list { border:none; background:#645d5b; width:100%; left:0; top: 35px; text-align:left; border-radius: 0 0 15px 15px; }
.filtered_item_sorting .item_order > .list > li { text-align:left; padding-left: 20px; margin:0 }
.filtered_item_sorting .item_order > .list > li > label { background:#645d5b; color:#fff; padding:0 }
.filtered_item_sorting .item_order > .list > li > label.active { background:#645d5b; color:#fff; }

.paging_navigation { height:50px; line-height:50px; }
.paging_navigation a { background-size:8px auto !important; }
.paging_navigation .prev, 
.paging_navigation .next { width: 40px; }
.filtered_item_sorting .item_total > a,
.filtered_item_sorting .item_total > a.opened { background:none; cursor:default; }

.category_wrap .color_selected .arrow { right:auto; left: 93.5% }



/* 로그인 */
.login_wrap .login_bg { width:100%; border-radius:0; }
.tab_basic>ul>li>a, .tab_basic>ul>li>label { padding:0 }




/* 아이디어쉐어 */
#bbslist { width:100%; overflow:hidden;  }
/* padding-top:60px; */
.subpage_container { padding:0 }
.review { padding:30px;margin-bottom:30px; }
/* .review .tbody { width:calc(50% - 5px) } */
.review .tbody { margin:0; overflow:hidden;; }
/* .review .tbody:nth-child(odd) { margin: 0 10px 10px 0; } */
/* .review .tbody:nth-child(3n) { margin: 0 0 10px 0; } */

.review_filter.category_wrap .filter_btn_wrap { display:none; }

.subpage_wrap:not(.order_payment) .subpage_container { padding:0 }
.review_filter .review_filter_wrap { background:#fbfbfb; max-height:100%; }
.review_filter .review_filter_wrap .filter_left { height:50px; background:none; padding: 0 20px; border-bottom:1px solid #eeeff2; }
.review_filter .review_filter_wrap .review_filter_form { height:60px; }
.review_filter .review_filter_wrap .filter_left, .review_filter .review_filter_wrap .review_filter_form { float:none; width:100%; }
.review_filter.category_wrap .cat_list { padding:10px; display:block; }
.review_filter .review_filter_wrap .filter_left > div { line-height:50px; }
.review_filter.category_wrap .cat_list > li { float:left; width:50% !important;  background:none; margin-bottom:0; }
.review_filter.category_wrap .cat_list > li:first-child { padding-right:5px !important;  }
.review_filter.category_wrap .cat_list > li:nth-child(2) { padding-left:5px !important;  }

.review_filter.category_wrap .cat_list > li select { width:100% !important; height:40px; color:#413d3c; font-size:16px; margin:0 }
.review_filter .review_filter_wrap .filter_left > div.btn_box { height:50px; float:none; float:right; }
.review_filter .review_filter_wrap .review_filter_form { padding:0 }
.review .board_goods_list>li { display:block; }
.review .board_goods_list>li.pic img { width:100%;  }
 

.review .tbody { width:calc(50% - 10px) }
/* .review .tbody:nth-child(odd) { margin:0 } */
.review .tbody { margin: 0 20px 30px 0; border-radius:10px;}
.review .tbody:nth-child(3n+1){ margin: 0 20px 30px 0; } 
.review .tbody:nth-child(2n+1) { margin-right: 0px; }


.board_goods_list>li.info .name { padding: 0; }
.board_goods_list>li.info .cont, .board_list_cont { padding: 0; }







/* 2020-04-20 */

.cs_centre { width:100%; border-bottom:1px solid #373433; margin-bottom:20px; position:static; padding-top:0; background-position: left 10px; padding-bottom: 20px; }

.service_section .article { margin-bottom:20px; }
.service_section .section_title { font-size:30px; margin-bottom:20px; }
.service_section .second_title { font-size:20px; margin-bottom:20px; }
.service_section p.paragraph { margin-bottom:5px; font-size:13px; }



#shipping_detail_lay { padding: 50px  }











/* 2020-06-03 category filter area new */
.sub_cat_list_wrap { width:100%; height:auto; overflow:hidden; box-shadow:none;top:65px;}
.sub_cat_list_wrap form { width:100%; }
.sub_cat_list_wrap .cat_list { display:none; width:100% !important; padding: 30px 20px; overflow:hidden; line-height:normal !important;; height:auto !important; }
.sub_cat_list_wrap .cat_list > li { background:none !important; float:none !important;; width:100% !important; padding:0; overflow:hidden; margin-bottom: 20px; }
.sub_cat_list_wrap .cat_list li.close { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
.sub_cat_list_wrap .cat_list li.close h3 { font-size:18px; color:#413d3c; }
.sub_cat_list_wrap .cat_list li.close a { font-size:18px; color:#413d3c; position:absolute; right:0; top:50%; transform:translateY(-50%) }
.sub_cat_list_wrap .filter_btn_wrap { width:100%; overflow:hidden; height:50px; text-align:center; box-shadow: 2px 5px 15px rgba(190,190,190,0.2); }

.sub_cat_list_wrap .filter_btn_wrap > a { display:inline-block; float:left; width:50%; height:50px; font-size:14px; color:#413d3c; line-height:50px; }
.sub_cat_list_wrap .filter_btn_wrap .filterOpen { border-right:1px solid #eeeff2; }
.sub_cat_list_wrap .filter_btn_wrap > a > img { width:25px; height:auto; padding-right:5px; }


.sub_cat_list_wrap .cat_list > li .type_title { padding-bottom:10px; }
.sub_cat_list_wrap.on { width:100%; position:fixed; top:65px; height:auto !important; left:0; background:transparent; z-index:100; transition:all 0.5s;}
.sub_cat_list_wrap{ width:100%; position:absolute; top:65px; height:auto !important; left:0; background:transparent; z-index:100; transition:all 0.5s;}
.sub_cat_list_wrap > form{background-color:#fff;}

.sub_cat_list_wrap { box-shadow: 1px 2px 15px rgba(0,0,0,0.1) }

.sub_cat_list_wrap.on .filter_btn_wrap { margin-bottom:0 }


.sub_cat_list_wrap .cat_list { width:100%;  }
.sub_cat_list_wrap .cat_list > li.brand .kind { height:30px; line-height:30px; }
.sub_cat_list_wrap .cat_list .brand .radio_list {  }
.sub_cat_list_wrap .cat_list .brand .radio_list li { float:left; min-width: 90px; }
.sub_cat_list_wrap .cat_list > li.apply { margin: 40px 0 20px 0; }
.sub_cat_list_wrap .cat_list > li.apply button { width:100%; padding: 15px 0; background:#413d3c; border-radius:5px; color:#ffd452; font-size:16px; font-weight:bold; }

.sub_cat_list_wrap ul.cat_list > li.brand .type_title,
.sub_cat_list_wrap ul.cat_list > li.case_type .type_title{ width:100%;  }

.sub_cat_list_wrap ul.cat_list .radio_list { max-width: 600px; height:40px;  }
.sub_cat_list_wrap ul.cat_list .radio_list > li { float:left;  height:100%; line-height:40px; }


.sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio] { display:none; }
.sub_cat_list_wrap ul.cat_list .radio_list > li span { width:20px; height:100%; float:left; display:inline-block; cursor:pointer; line-height:70px; background:url(../images/newbird/radio_uncheck.png) no-repeat left center; background-size:100% auto; }
.sub_cat_list_wrap ul.cat_list .radio_list > li input[type=radio]:checked + label span { background:url(../images/newbird/radio_checked.png) no-repeat left center; background-size:100% auto; }




.sub_cat_list_wrap ul.cat_list > li.case_type .select_wrap select { min-width: 270px; width:100%;height:50px; margin: 10px 0 0 0; font-size:13px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center; border:none; padding: 0 15px; border-radius:10px;  }
/* max-width:600px;  */
.select_wrap select::-ms-expand { display:none; }


/*width:calc(50% - 10px);*/
.sub_cat_list_wrap .search_nav { padding:0; height:100%;  }
.sub_cat_list_wrap .search_nav span.navi_linemap { height:100%; width:100%; float:left; margin-right: 10px; }
.sub_cat_list_wrap .search_nav select  { width:100%; height:50px; margin: 10px 0 0 0; font-size:13px; color:#413d3c; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #f3f4f6 url(../images/newbird/filter_arrow.png) no-repeat 95% center; border:none; padding: 0 15px; border-radius:10px;  }
.sub_cat_list_wrap ul.cat_list > li.case_type .kind{width:100%;}
/* max-width:400px; */


.sub_cat_list_wrap .search_nav .navi_linemap:before { display:none; }
.sub_cat_list_wrap select { outline:none !important; -webkit-appearance:none; -moz-appearance:none; appearance:none;  }
.sub_cat_list_wrap .search_nav .home { display:none; }
.sub_cat_list_wrap .search_nav select::-ms-expand { display:none; }

.sub_cat_list_wrap .category_list > div { float:none; width:100%; }
.sub_cat_list_wrap .category_list .kind { padding-left:0; }


.idea_box .product_review { overflow-y:auto; }






}


/* tablet -  */
@media screen and (min-width: 768px) and (max-width: 1024px) {

.newVisual .gif_wrap > span { z-index:50 }



}


@media only screen and (max-width:960px) {
  .layout_header ~ #layout_body .top_tab_wrap{top:65px;}
  .layout_header.on ~ #layout_body .top_tab_wrap{top:65px;}
/* 2020-03-31 */

.main_visual_wrap .newVisual .s2 .text_box .text2 span { width:55%; font-size:45px; line-height:110px;  }

@keyframes typewriter1 {
from {width:0}
to {width:55%}
}




/* 2020-07-02 design_tip */
.design_tip .custom_gallery_board2>li { width:calc(50% - 14px); margin: 0 27px 24px 0; }
.design_tip .custom_gallery_board2>li:nth-child(3n) {  margin: 0 27px 24px 0;  }
.design_tip .custom_gallery_board2>li:nth-child(even) {  margin: 0 0 24px 0;  }



input, textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

}




@media only screen and (max-width:767px) {
/* html{background-color:#ffd04a;} */
/* body{background-color:#fff;} */


.step_wrap > ul { padding: 30px; }
.step_wrap li .left_img { width:30px; background-size: 100% auto !important;  }
.main_bottom_wrap .w1200 { padding: 0 20px; }
.main_bottom_wrap li .bottom { padding:0; }


.idea_box .popup_wrapper { padding:30px; }

.idea_box .popup_wrapper .pop_close { right:10px ; top:10px; width:50px; height:50px; line-height:50px; }
.idea_box .product_review .right_info { height:auto }

.idea_box .product_review .left_pic { height:50%; }
.idea_box .product_review #review_img_box .left_pic img {  }

.idea_box .product_review .right_info .top { float:none; width:100%; height:auto; overflow:hidden; }
.idea_box .right_info .bottom { position:Static; float:none; width:100%;  }
.idea_box .right_info .top .date_box { margin-bottom:20px;  }
.idea_box .right_info .top .desc { margin-bottom:20px; max-height: 100%; overflow:hidden; margin-top:20px;float:none;width:100%;}
.idea_box .product_review .right_info .top .name { margin-bottom:20px; }
.idea_box .right_info .bottom .mobile_info a { top:0 }



.idea_box .product_review { -ms-overflow-style:none; scrollbar-width:none; }
.idea_box .product_review::-webkit-scrollbar { display:none; }
.idea_box .product_review{ 
overflow-y:auto;
--scrollbarBG: #CFD8DC;
--thumbBG: #413D3C;
}


.idea_box .product_review::-webkit-scrollbar{ 
width:5px;
}



.idea_box .product_review::-webkit-scrollbar-thumb{
  background-color: #413D3C;
  border-radius: 5px;
}



.idea_box .product_review::-webkit-scrollbar-track {
 background: var(--scrollbarBG);
  
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
	.idea_box .product_review { 
		-ms-overflow-style: none;
	}
}








.newVisual .gif_wrap { max-width:150%; width:150%;  }
.newVisual .gif_wrap > img { min-width:320px; width:100%;min-height:0; }
/* outline:1px red solid; */


.newVisual.apple .gif_wrap { top:calc(50% - 60px);  }

.s3 .top, .s4 .top  { top:50px; }
.s3 .bottom, .s4 .bottom  { bottom:50px; }



.main_slide_wrapper.product { z-index:22; padding:30px;  }
.main_slide_wrapper.product .head { padding-bottom:0; }
.main_slide_wrapper.product .name { font-size:17px; }
.main_slide_wrapper.product .type_title { font-size:12px; }
.main_slide_wrapper .brand .radio_list li label { font-size:14px; }

.main_slide_wrapper .select_wrap select { font-size:14px; height:40px; }
.main_slide_wrapper .maker_box .start_customising { font-size:16px; padding:12px 0; background:#ffd452; color:#413d3c; font-weight:bold; }
.main_slide_wrapper.product .color_select_list { padding: 10px 0; }
.main_slide_wrapper .color_select_list > li { margin: 0 10px 10px 0; } 


.top_tab_wrap > ul { padding:0; }
.top_tab_wrap .order_tab li { background-size: 10px auto; }
.top_tab_wrap .order_tab li a, .top_tab_wrap .order_tab li.on a  { background:none !important; padding-left:0 }





/* main */
.main_aside_wrap3 .right_stick { margin-right:0; z-index:33 }


/*0602*/
.main_aside_wrap3 .left_num { font-size:0; width:40px; height:40px; border-radius:50%; margin-left:15px; text-align:center; transform:rotate(0); line-height:40px; }
.main_aside_wrap3 .left_num > img { display:inline-block; width: 24px; }
.main_aside_wrap3 .left_num.on { background:#413d3c; transition:.2s; }

.main_aside_wrap3 .right_stick { width: 40px; height: 40px; line-height: 40px; }
.main_aside_wrap3 .right_stick img { top: 8px; right: 8px; width: 24px; }




.main_visual2 .mVisualWrap ul.visual_slick li.slides { padding: 15px 0 0 0; overflow:hidden;}
.main_visual2 .mVisualWrap > ul li .visual_wrap { height:auto; }
.main_visual2 .mVisualWrap > ul li .mobile_area { height:100%;; }
.main_visual2 .mVisualWrap > ul li.slide1 .mobile_area .mo1,
.main_visual2 .mVisualWrap > ul li.slide2 .mobile_area .mo1{ width:210px; }
.main_visual2 .mVisualWrap > ul li.slide1 .mobile_area .shadow, 
.main_visual2 .mVisualWrap > ul li.slide2 .mobile_area .shadow { left:44%; top: -37px; width:310px; opacity:.8 }

.mVisualWrap .slick-dots { bottom:20px; } 
.mVisualWrap .animation_box { width:210px; height:440px; left:50%; transform:translateX(-50%); }


.mVisualWrap .slide1 .animation_box .obj1 { width:165px; }
.mVisualWrap .slide1 .animation_box .obj2 { left:64%; bottom:49%; width:50px; }
.mVisualWrap .slide1 .animation_box .obj2.on { width:180px; bottom:35px; }
.mVisualWrap .slide1 .animation_box .obj3 { width:130px; bottom: 45px; }



.mVisualWrap .shadow_box .object_select_bg { top:15px; width:300px; left:54.5% }
.mVisualWrap .slide3 .animation_box { width:250px; height:440px; }
.mVisualWrap .slide4 .animation_box { width:250px; height:440px;  }

.mVisualWrap .animation_box .mobile_box { }
.mVisualWrap .animation_box .mobile_box { width: 235px; height:auto; overflow:visible; }

.mVisualWrap .slide3 .shadow { width:343px; margin-top:28px; }
.mVisualWrap .slide4 .shadow { width:343px; margin-top:28px; }


.mVisualWrap .slide3 .mobile_box ul, .mVisualWrap .slide4 .mobile_box ul { top:60px; }


.mVisualWrap .slide3 .text2, 
.mVisualWrap .slide3 .text1 { width:100%; font-size:40px }

.mVisualWrap .slide4 .text2, 
.mVisualWrap .slide4 .text1 { width:100%; font-size:40px }



/* 2020-03-31 */

.main_visual_wrap .newVisual .s2 .text_box .text2 span { width:50%; font-size:35px; line-height:90px; height:110px; letter-spacing:-2px; }

@keyframes typewriter1 {
from {width:0}
to {width:50%}
}







.s3 span,
.s4 span { font-size:35px; width:100%; }


/* apple - divice */

.newVisual.apple .s3 .top,
.newVisual.apple .s4 .top{ top:50px; }
.newVisual.apple .s3 .bottom,
.newVisual.apple .s4 .bottom{ bottom:50px; }






.main_aside_bottom { margin-bottom:0; z-index:29; }
.main_aside_bottom > span { margin: 0 0 0 15px; }
.main_aside_bottom .talk {  }

.service_section { padding-bottom:40px; }
.service_section .section1, .service_section .section2, .service_section .section3 { padding: 40px; }









.layout_footer .footer_wrap, .layout_footer .copyright span { padding: 0 }
.layout_footer .copyright span.newbird { padding:0; }
.layout_footer .ftop { padding:0; border:none; }
.layout_footer .ftop > ul { float:none; width:100%; }
.layout_footer .ftop .fNav { text-align:center; }
.layout_footer .ftop .fNav .company { display:none; }
.layout_footer .ftop .fNav > li { float:left; width:50%; border:1px solid #373433; padding: 15px 0; background:none; }
.layout_footer .ftop .fNav > li:nth-child(even) { border-right:none; }
.layout_footer .ftop .fNav > li.border { border-bottom:none; } 

.layout_footer .ftop .snsNav { float:none; width:100%; text-align:center; overflow:hidden; padding: 15px 0; border-bottom:1px solid #373433; }
.layout_footer .ftop .snsNav > li { float:none; display:inline-block; }
.layout_footer .fbottom { padding: 20px; }
.layout_footer .copyright { padding: 20px; line-height:25px; }
/* .list_wrap .searched_item_display > ul > li {  width:100%; margin: 20px 0 !important; } */
.list_wrap .searched_item_display > ul > li {  width:calc(50% - 10px)  }
/* .list_wrap .searched_item_display > ul > li {  width:100%;  } */
.list_wrap .searched_item_display > ul > li:nth-child(3n-1) { margin: 20px 0; }
/* .list_wrap .searched_item_display > ul > li:nth-child(3n-1) { margin: 0 0; } */
.list_wrap .searched_item_display > ul > li:nth-child(odd) { margin-right: 20px; }
/* .list_wrap .searched_item_display > ul > li:nth-child(odd) { margin-right: 0; } */
.list_wrap .searched_item_display .item_img_area img{width:100%;}
/* .list_wrap .searched_item_display .item_img_area img{width:calc(50vw - 30px);} */
/* height:calc(50vw - 30px); */
/* .list_wrap .item_info_area .custom_btn{display:none;} */


.review .res_table>.tbody { border:none; }
.review .res_table>.tbody li.subject { flex-basis:0; line-height:normal; border:none; }
.review .res_table>.tbody>li:last-child { padding-bottom:0; }


.mobile_100 { width: 100% !important; }

.mobile_50 { width: 50% !important; }
.order_wrap .btnStyle1 { padding: 10px; }


.mo_visible { display:block; }
.order_wrap .usable_quantity, 
.order_wrap .Dib { display:none; }


.input_transform.receiver { width:100%; overflow:hidden; }
.input_transform.receiver input { width:100% !important; margin: 0 0 10px 0 !important; }
.input_transform.receiver .btnStyle1 { display:none; }
.input_transform.receiver .btnStyle2 { display:block; width: 100%; font-size:14px; padding: 10px 0; background:#413d3c; color:#fff; border-radius:10px; font-weight:bold; margin-bottom:10px; }



.phone_number_box .w15{ width: 30% !important; }
.phone_number_box .hyphen { width: 5% !important; text-align:center; }
.phone_number_box .desc { display:none; }


.order_wrap .order_right,
.order_wrap .order_left { padding:30px; }


#coupon_apply, .emoney_input_button, .emoney_all_input_button { padding:5px; font-size:14px; }

.cart_list .cgd_contents .block:first-child { float:none; }
.coupon .mo_visible { display: inline-block;}
.mileage .mo_visible { display: inline-block; }
.order_wrap .newBtn


/*cart*/
.resp_cart_wrap>li.cart_right,
.resp_cart_wrap>li.cart_left { padding:30px !important; }
.order_wrap .cart_right .subpage_container .title_x { width:100%; padding: 0 0 20px 0; height:auto; overflow:hidden;}

.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] { width: 20px; height: 20px;}
.resp_cart_wrap label.checkbox_allselect .txt { font-size: 14px; }

.cart_list .cart_goods_detail .btn_thisitem_del { right: 0; }

.cart_list .goods_delivery_info { padding: 10px 0; }
.cart_list .cart_goods_detail { padding: 10px 0; }

.cart_list .cgd_contents .block1 { width: 100%; }


.cart_list .cgd_contents .block2 { float: none; width: 100%; margin-top: 10px; }
.cart_list .cgd_contents .block3 { float: none; width: 100%; text-align: right; }
.cart_list .cgd_contents .block3>li { padding-top: 10px; }
.cart_list .cgd_contents .block3>li:first-child { padding-top: 10px; }


.order_wrap .cart_order_btn_area { margin-left:0; text-align:center; }
.order_wrap .cart_order_btn_area > li { width:100%; padding:0; float:none; }
.order_wrap .cart_order_btn_area .btn_all_order { width:100%; }







/* 아이디어쉐어 */
.review_wrap .main_bbslist { margin-top: 70px; }
.review_wrap .review_list { }
.review_wrap .title_group1 .small { line-height:normal; padding: 10px 20px 0 20px; overflow:hidden; }
.review_list .list {  padding: 0 calc(50% - 200px); }



.review_list .list li img { border-radius:20px; }
.review_list .idealist1 li:nth-child(1) { width:200px; height:200px; }
.review_list .idealist1 li:nth-child(2) { width:100px; height:100px; }
.review_list .idealist1 li:nth-child(3) { width:100px; height:100px; }
.review_list .idealist1 li:nth-child(4) { width:100px; height:100px; margin-left:100px; }
.review_list .idealist1 li:nth-child(5) {width:100px; height:100px; }
.review_list .idealist1 li:nth-child(6) { width:200px; height:200px }
.review_list .idealist1 li:nth-child(7) { width:100px; height:100px; }
.review_list .idealist1 li:nth-child(8) { width:100px; height:100px; }

.review_list .idealist2 li:nth-child(1) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(2) { width:100px; height:100px; margin-right:100px; }
.review_list .idealist2 li:nth-child(3) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(4) { width:100px; height:100px; margin-top:100px; }
.review_list .idealist2 li:nth-child(5) { width:200px; height:200px; }
.review_list .idealist2 li:nth-child(6) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(7) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(8) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(9) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(10) { width:100px; height:100px; }
.review_list .idealist2 li:nth-child(11) { width:100px; height:100px; }


.search_filter_wrap { height:40px; }
.search_filter_wrap .filtered_item_sorting { height: 40px; }





.toTop { right:25px; bottom: 85px; }

.main_aside_bottom .talk { font-size:35px; }
.cs_wrap .res_table { border-top: none; }


#shipping_detail_lay { padding: 30px; width:calc(100% - 20px)  }


/* sub_cat_list_wrap */
.sub_cat_list_wrap ul.cat_list > li.case_type .select_wrap select { width:100%; max-width: 100%;}
.sub_cat_list_wrap ul.cat_list > li.case_type .kind,
.sub_cat_list_wrap ul.cat_list > li.brand .kind{ width:100%; }
.sub_cat_list_wrap ul.cat_list .radio_list { width:100%;max-width:100%; }



/* design_tip */
.design_tip .custom_gallery_board2>li { width:100%; margin: 0 0 20px 0; }

.design_tip .custom_gallery_board2>li:nth-child(even) { margin: 0 0 20px 0;}
.design_tip .custom_gallery_board2>li:nth-child(3n) { margin: 0 0 20px 0;}





}


@media only screen and (max-width:540px) {


/* 아이디어쉐어 */
.review_wrap .main_bbslist { }
.review_wrap .review_list { }
.review_list .list {  padding: 0 calc(50% - 150px); }
.review_list .list li { padding:5px; }
.review_list .list li img { border-radius:15px; }



.review_list .idealist1 li:nth-child(1) { width:150px; height:150px; }
.review_list .idealist1 li:nth-child(2) { width:75px; height:75px; }
.review_list .idealist1 li:nth-child(3) { width:75px; height:75px; }
.review_list .idealist1 li:nth-child(4) { width:75px; height:75px; margin-left:75px; }
.review_list .idealist1 li:nth-child(5) { width:75px; height:75px; }
.review_list .idealist1 li:nth-child(6) { width:150px; height:150px }
.review_list .idealist1 li:nth-child(7) { width:75px; height:75px; }
.review_list .idealist1 li:nth-child(8) { width:75px; height:75px; }

.review_list .idealist2 li:nth-child(1) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(2) { width:75px; height:75px; margin-right:75px; }
.review_list .idealist2 li:nth-child(3) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(4) { width:75px; height:75px; margin-top:75px; }
.review_list .idealist2 li:nth-child(5) { width:150px; height:150px; }
.review_list .idealist2 li:nth-child(6) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(7) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(8) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(9) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(10) { width:75px; height:75px; }
.review_list .idealist2 li:nth-child(11) { width:75px; height:75px; }






.idea_box .product_review .left_pic { height:50%; }




} 





/* mobile device - */
@media (min-width: 320px) and (max-width: 480px) {
.layout_header { /* background:salmon; */  }
.slick-list,
.slick-track{height:100%;}
.main_visual_wrap { height:calc(100vh - 60px); }
/* .main_visual_wrap { height:100vh !important; } */
.main_visual_wrap .visual_wrap .newVisual {height:100%;overflow:hidden; position:relative; }

.slick-dots { bottom:50px; }

.main_visual_wrap .newVisual .con_outer { padding:110px 20px 50px 20px; }

.main_visual_wrap .newVisual .con_outer { padding: 140px 20px 50px 20px }



.main_visual_wrap .newVisual .s2 .text_box .text2 span { font-size:18px; height:60px; line-height:40px; width:43%; padding: 10px; }

@keyframes typewriter1 {
from {width:0}
to {width:43%}
}



.newVisual .s1 .gif_wrap,
.newVisual .s2 .gif_wrap,
.newVisual .s3 .gif_wrap, 
.newVisual .s4 .gif_wrap { max-width:150%;width:150%;left:-25%;transform: translateY(-50%);top: 50%; }
/* .newVisual .gif_wrap > img{transform:scale(1.5);transform-origin:center center;} */
/* max-width:150%; width:150%; left:-25%; */
.newVisual .s3 .gif_wrap > img { }



.s3 span,
.s4 span { font-size:30px; }


/*장바구니*/
.selected_btn_groups .btns button { width: calc(50% - 2px); margin-right: 4px; float:left; }
.selected_btn_groups .btns button:last-child { margin-right: 0; }
.selected_btn_groups .btns .btn_selected_order { width: 100%; margin-right:0; height: 40px; }


.trxBanner > div > span{display:none;}
.trxBanner > div > strong{word-break:keep-all;width:240px;background:none;}


.free_design.pop{height:100%;}
.free_design.pop > div{height:100%;}
#pop_free_design{margin-top:28px;height:calc(100% - 28px);}


.y_scroll_auto{max-height:100000000000px !important;}


.text_control_bottom .tab_wrap .tab_text_color .color_item > span{border:1px #cccccc solid;}

}


@media only screen and (max-width:380px) and (max-height: 667px) {
.aside_navigation_wrap > ul > li { padding: 10px 0 10px 10px; }
.aside_navigation_wrap .print_guide { height:50px; line-height:50px; }


}







@media only screen and (max-width:320px) {
.step_wrap > ul { padding: 20px 10px; }
.step_wrap li .left_img { width:25px; background-size: 100% auto !important;  }
.step_wrap li .right_text { padding: 10px 0 0 10px; }


.login_wrap .login_bg { padding: 20px 10px; }
.login_wrap  .resp_login_wrap .login_real_area .desc_area { font-size:12px; }
.login_wrap .sns_login_wrap { width:100%; }

.layout_side { padding: 10px; }
.aside_navigation_wrap > ul { padding: 10px 0; }
.aside_navigation_wrap > ul > li { padding: 10px 0 5px 10px; }
.aside_navigation_wrap > ul > li a { font-size:12px; }
.aside_navigation_wrap .print_guide { height:40px; line-height:40px; font-size:14px; }

}





















@media only screen and (min-width: 1023px) and (max-width: 1025px) {
    /* .layout_header { padding: 15px 20px; height:70px !important } */
}