@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1440px){
.main_md{ padding-left:4em; padding-right:4em;}
.main_md .mainMd_wrap .arrow_wrap > li.prev{ left:-4em;}
.main_md .mainMd_wrap .arrow_wrap > li.next{ right:-4em;}

.box1{max-width:95%!important;}

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .tt{font-size:3em;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st{justify-content:space-between; flex-wrap:wrap;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv{flex:1 1 30.33%; max-width:31.33%;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv:nth-of-type(3n-1){margin:0;}

.mo_header{display:flex;}
#header .mo_header .all_btn{position:static;}
#header .search_wrap .inp{width:auto;}
}

@media screen and (max-width:1280px){
#header .top_wrap .menu_mem > li > a{ padding-left:.5em; padding-right:.5em;}
#header .gnb_wrap .box1{ padding-left:0;}
#header .gnb_wrap .gnb{ margin-right:0;}
#header .gnb_wrap .opt_menu{ display:none;}
#header .search_wrap{ margin-right:.5em; width:100%;}
#footer .footer_wrap .info_wrap .info .list .BR:not(.copy){ clear:none;}

/**/
.prod_st .con_wrap .prod_tit{ font-size:.938em;}

/*MAIN*/
.mainVisual .item .slogan_wrap .txt_wrap .inner{ width:34vw;}

.main_sale .sale_prod .prod{ margin:0 1em;}
.main_sale .sale_prod .prod .con_wrap .prod_price .discount{ display:block;}

.main_md .slider_nav .prod{ margin-left:2em;}
.main_md .md_prod .prod .con_wrap .prod_tit{ font-size:1em;}

.main_banner .banner .con_wrap{ font-size:.750em;}
.main_event .bn > img{ max-width:170%;}

.main_board .con_wrap .pd{ padding:1.5em 2em;}
.main_board .event .txt_wrap .tit{ padding-top:0; font-size:1.500em;}
.main_board .notice .tit_wrap{ margin-bottom:1em;}
.main_board .notice .list > li > a{ padding:.4em 0;}

.main_guide .list .tit{ padding-bottom:2.5em;}
.main_guide .list .tit .t2{ font-size:1.250em;}
.main_guide .list > li .icon{ height:70px;}

.main_tit.st1 .tit { font-size: 2.5em; }
.main_guide .list .tit { font-size: .938em; }

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .tt{font-size:2.5em;}
}

@media screen and (max-width:1200px){
.main_Con4 .main_Prod_wrap .arrow_wrap > li.prev{left:-1em;}
.main_Con4 .main_Prod_wrap .arrow_wrap > li.next{right:-1em;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap .prev{left:-20px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .arrow_wrap .next{right:-20px;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap{margin-top: 4rem;}
#footer {padding:0 1em;}
.root_daum_roughmap {width:100%!important;}
}

@media screen and (max-width:1100px){
.order_step_wrap .step_order > li .tit strong{ font-size:1em;}
.main_board .notice .list > li > a{ padding:.3em 0;}
}

@media screen and (max-width:1024px){
body{ font-size:15px; letter-spacing:-1px;}
.di_wrap > *{ font-size:15px; font-size:.938rem;}
.box0{max-width:95%;}
.pc_hide{ display:block!important}
.phone_hide{ display:none}
html.l-nav-open .l-nav {z-index:9999;}
body.testSm #header .all_btn {padding-right:1em;}

/*header*/
#header{}
#header.fix .top_wrap{ display:block;}
#header .top_wrap .box1{padding-right:4%;}
#header .top_wrap .vm_wrap{ height:80px;}
#header .top_wrap .logo img{ max-height:80%; width:13em;}
#header .top_wrap .menuL,
#header .top_wrap .menu_etc{ display:none;}
#header .top_wrap{ border-bottom-color:#e0dbd6;}
#header .top_wrap,
#header .search_wrap{ background:#fff;}
#header .top_wrap .box1{padding-right:0;}
.order_step_wrap{ margin-top: 10%;}

body.testSm #header .top_wrap .pr{justify-content:space-between;}

#header .top_wrap .menu_wrap{position:static;}
#header .top_wrap .menu_wrap .vm_tt{width:100%;}
#header .top_wrap .menu_shopping{width:100%; margin-right:0;}
#header .top_wrap .menu_shopping > li.pr{width:100%; margin-left:0;}

#header .search_wrap .inp{width:96%;}
#header .search_wrap form{width:100%;}
#header .search_wrap .btn{margin-left:0;}

#header .all_btn{ background:transparent;}
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { background:#3c3d3c!important;}

#header .search_wrap{margin-right:0; white-space:nowrap; width:100%;}
#header .search_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
#header .search_wrap form{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; height:40px;}
#header .search_wrap .inp{ height:40px;}

.top_wrap .search_dv .input_dv{width:65%;}
.top_wrap .search_dv .keyword_dv{width:35%;}
.top_wrap .search_dv{width:350px; margin-left:10px;}
.top_wrap .search_dv .keyword_dv .keyword_slider{padding:1.35em 10px 1em 10px;}
.top_wrap .my_dv_r{top:11px;}
.top_wrap .my_dv_r .my_icon{margin-left:1em;}

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .tt{font-size:2em;}

.main_Con6 .main_Prod_wrap .Prod_List .pro{width:50%;}
.main_Con5 .main_Prod_wrap .Prod_List .pro{width:50%;}

.com_btm .p1{font-size:2em;}

body.testSm .banner_zone img {object-fit:cover;}
body.testSm .banner_zone .banner .tt {display:none;}

body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu{width:49%;}

/*quick*/
#quick{ right:-130px; width:130px; visibility:hidden;}
#quick.on{ visibility:visible;}
#quick .quickBtn{ margin-left:-25px; display:none;}
#quick .quickBtn .con > li > a .xi{ width:25px; line-height:45px;}
#quick.on .quickBtn{ display:block;}
#quick .cs_wrap{ padding:0 15px;}
#quick .menu_wrap > li .vm_wrap{ height:35px;}
#quick .today_wrap .today_con{ padding:0 30px 100px 30px;}

.mQuick{ display:block; position:fixed; z-index:1000; left:0; bottom:0; width:100%; background:#393a3e; border-top:1px solid #111; text-align:center;}
.mQuick .vm_wrap{ height:60px;}
.mQuick ul > li{ width:20%;}
.mQuick ul > li > a{ color:#fff;}
.mQuick ul > li > a .xi{ display:block; font-size:1.500em;}
.mQuick ul > li > a .tt{ display:block; font-size:.750em;}

/*footer*/
#footer{}
#footer .notice .inner{ height:50px; line-height:50px;}

#footer .footer_wrap{}
#footer .footer_wrap .menu_wrap{ padding:1em 0; text-align:center;}
#footer .footer_wrap .menu_wrap .left,
#footer .footer_wrap .menu_wrap .right{ float:none;}
#footer .footer_wrap .menu_wrap .right{display:none;}
#footer .footer_wrap .menu_wrap .vm_wrap{ height:auto;}
#footer .footer_wrap .menu_wrap .menu,
#footer .footer_wrap .menu_wrap .sns{ display:inline-block; padding:.5em 0;}
#footer .footer_wrap .menu_wrap .menu > li > a{ padding:0 1em;}
#footer .footer_wrap .menu_wrap .sns > li > a{ font-size:1.250em; opacity:1;}

#footer .footer_wrap .info_wrap .logo_dv{width:100%; text-align:center;}
#footer .footer_wrap .info_wrap .box1{padding-top:8em;}

#footer .footer_wrap .info_wrap{ padding:2em 0 0 0;}
#footer .footer_wrap .info_wrap .box1{ position:relative; padding-top:11em;}
#footer .footer_wrap .info_wrap .info_sec.info{ width:100%; padding-top:1.5em; border-top:1px solid rgba(255,255,255,.1);}
#footer .footer_wrap .info_wrap .info_sec.cs{ position:absolute; top:0; left:0; width:50%;}
#footer .footer_wrap .info_wrap .info_sec.cs:nth-child(3){ left:50%;}
#footer .footer_wrap .info_wrap .info_sec.cs:nth-child(3) .list .t1{ display:block;}
#footer .footer_wrap .info_wrap .inner .tit{ margin-bottom:1em;}
#footer .footer_wrap .info_wrap .cs .list .tel{ font-size:1.500em;}



/**/
#contents{}
#contents .subCon_wrap .con_gnb{ padding:9em 0 2em 0!important;}

#contents .doc{ padding-bottom:80px;}
.main_Con4 .main_Prod_wrap .Prod_List{margin-left:-31px;}

body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list{padding:1em;}
body.testSm.product .prod_wrap > li{width:50%;}
/**/
.list_wrap .list_top{ margin-bottom:1.5em; padding:2em 0;}
.list_wrap .list_top .list_nav{ position:static; margin-top:1em; font-size:.750em;}

.list_wrap .list_cate{ padding:0 1px 1px 0; text-align:left;}
.list_wrap .list_cate .dp2{ display:none !important;}
.list_wrap .list_cate > li{ width:33.33%; padding-bottom:0;}
.list_wrap .list_cate > li .dp1{ z-index:1; height:40px; margin:0 -1px -1px 0; padding:0 .8em; border:1px solid #eee; font-size:.875em;}
.list_wrap .list_cate > li:first-child .dp1{ border-left:1px solid #eee;}
.list_wrap .list_cate > li.on .dp1{ z-index:2; border-color:#c3061c; color:#c3061c;}
.list_wrap .list_cate > li .arrow{ top:50%; margin-top:-.5em;}
.list_wrap .list_cate > li .arrow:before{ content:"\e93f";}

/**/
.viewNav_wrap{ padding:1.5em 0; font-size:.875em;}
.viewNav_wrap .nav > li > a{ line-height:20px;}
.viewNav_wrap .nav > li.home > a .xi{ width:20px;}

.view_top_wrap{ padding:2.5em 0; width:600px; max-width:100%; margin:0 auto;}
.view_top_wrap .img_wrap{ float:none; width:100%;}
.view_top_wrap .info_wrap{ float:none; width:100%; margin-top:2em;}
.view_top_wrap .info_wrap .inner{ margin-left:0;}
.view_top_wrap .info_wrap .info_top .tit .prodTit{ padding:50px 0 0.5em 0;}
.view_top_wrap .info_wrap .info_top .tit .share{ right:auto; left:0;}
.share > li{ margin-right:2px;}
.share > li .xi{ border-color:#ddd;}

.order_total{ margin-top:1.2em; line-height:1.2;}

/**/
.order_step_wrap{ text-align:center;}
.order_step_wrap .order_step_tit{ margin-bottom:1em; font-size:1.375em;}
.order_step_wrap .step_order > li{}
.order_step_wrap .step_order > li .in{ height:auto; padding:0;}
.order_step_wrap .step_order > li .in:after{ top:1.8em; margin:0;}
.order_step_wrap .step_order > li .xi{ position:relative; display:inline-block; width:2em; height:2em; line-height:2em;}
.order_step_wrap .step_order > li .tit{ display:none;}
.order_step_wrap .step_order > li .no{ position:static; display:block; padding-top:.3em;}

/**/
.prod_wrap{ margin:0 -10px -30px 0;}
.prod_wrap > li{ width:50%}
.prod_wrap > li .prod{ display:block; margin:0 10px 30px 0;}

.prod_st .icon_on{ left:auto; bottom:0; right:0; opacity:1;}
.prod_st .icon_on > li:nth-child(1),
.prod_st .icon_on > li:nth-child(2){ display:none;}
.prod_st .icon_on > li .xi{ font-size:1.375em;}
.prod_st:hover .img_wrap img{ transform:scale(1,1);}


/**/
.member_wrap .member_tit{ font-size:.938em;}
.member_wrap .join_fin{ font-size:1.125em; padding:1em 1.5em;}
.member_wrap .join_fin > li .t1{ width:5em;}

.member_wrap .member_form{ font-size:1.125em;}
.member_wrap .form .inp_wrap .xi{ width:45px; line-height:45px;}
.member_wrap .form .inp_wrap .inp{ padding:0 10px 0 55px; height:45px; line-height:43px;}
.member_wrap .form .btn_wrap .btn{ height:50px;}

.agree_wrap .agree{ padding:1.5em; font-size:.875em;}
.agree_wrap .agree.H{ padding:1em;}

.tab_st1{ margin-bottom:2em; font-size:1.250em;}
.tab_st1 > li{ width:33.33%!important;}
.tab_st1 > li > a{ font-size:.938em;}

.tab_st2 > li{ width:20%!important;}
.tab_st2 > li > a{ line-height:35px; font-size:.750em;}


.page_csGuide .con_top { background: none; }
.page_csGuide .con_top .txt_wrap { text-align: center; }

#footer .cs_wrap .left{flex-wrap:wrap;}
#footer .cs_wrap .left .cs_box{width:49%; padding-bottom:1em;}
#footer .cs_wrap .left .cs_box:nth-of-type(n+3){border-top:1px solid #ddd; padding-top:1em;}

.board_cate_wrap .cate_btn{width:22%; margin-right: 15px; margin-bottom:.5rem; border:1px solid #ddd; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:.5rem 0; cursor:pointer; background:#f1f1f1; color:#555;}

#header .top_wrap .box1 {max-width:96%!important;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 {justify-content:space-between;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .dp4_menu {flex:1; margin-right:0.5em;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .dp4_menu:last-child {margin:0;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 {justify-content:space-between;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu {flex:1; margin-right:0.5em;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp4 .dp4_menu:last-child {margin:0;}

.member_wrap {padding-top:8em;}

/* .board_search_wrap .search_wrap {width:99%!important;}
.board_search_wrap input[type=text].input_st {width:64%!important;}
.board_search_wrap input[type=submit].input_st {width:13%!important;}
 */
}


@media screen and (max-width:768px){
body{ font-size:14px;}
.di_wrap > *{ font-size:14px; font-size:.875rem;}
.prod_wrap > li .prod {height:17em!important;}

/*header*/
body.testSm #header .top_wrap .pr{justify-content:space-between;}

#header .top_wrap .vm_wrap{ height:75px;}

.top_wrap .search_dv{display:block; margin:10px auto;}
#header .top_wrap, #header .search_wrap{border-bottom:1px solid #ccc; box-sizing:border-box;}
#header .top_top .menu_home .tt {display:none;}
body.testSm #header .top_top {display:none;}

/*quick*/
.mQuick .vm_wrap{ height:50px;}
#contents .subCon_wrap .con_gnb .gnb .m_sub .dp2 > li:last-child {width:32.7%;}
#contents .subCon_wrap .con_gnb .gnb .sm_modify {width:100%!important;}

/**/
.list_wrap .list_cate > li{ width:50%;}

.list_total{}
.list_total .total{ float:none; text-align:center;}
.list_total .total > *{ font-size:.875em;}
.list_total .array_wrap{ float:none; text-align:center; margin-top:1rem;}
.list_total .array_wrap > li{ padding:.3em 0;}

.info_table{ font-size:1.125em;}
.info_table .info_table_tit{ width:100px;}

.view_with_wrap .control_arrow{ position:static; margin-top:1rem;}

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .box1{padding-right:0;}

/**/
.prod_st .con_wrap .prod_tit{ font-size:.813em;}

.main_Con7 .con7_in .t1{font-size:1.5em;}
.main_Con7 .con7_in.vm_wrap{margin-left:50%;}

.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .t2{display:none;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con .con_in .txt_wrap .more{padding-top:0;}

.main_Con3 .main_con3_wrap .bg{display:none;}

.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap{display:flex; flex-direction:column;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left{width:80%; margin:0 auto;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in{margin-right:0;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw{padding:0; padding-top:1.5em; padding-bottom:4em;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w{display:flex; flex-direction:column-reverse;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con .in .tw .line:before{width:100%;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con.st1{width:100%;}
.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .left .con_in .con_w .con.st2{width:100%; margin:0 auto;}

.main_Con3 .main_con3_wrap .main_con3_in .con3_wrap .right{width:80%; margin:0 auto;}

.com_top { height: 323px; text-align: center; background: url('../images/sub/sub1_1img1.jpg') no-repeat 70% 50%; }

.com_top .line { margin: 15px auto; }
.com_top .txt_wrap { font-size: .875em; }
.com_btm .btm { border: 0; }
.com_btm .btm_in { padding-top: 35px; }
.com_btm .left { float: none; width: 90%; text-align: center; margin: 0 auto;  }
.com_btm .right { float: none; width: 90%; padding: 20px 0; margin: 0 auto; }

.com_btm .dv01 .l_dv{width:100%;}
.com_btm .dv01 .r_dv{width:100%;}
.com_btm .dv01 .r_dv ul li{padding-left:80px}

.main_slider .flex-control-paging{display:none;}

#con1 .con1_banner_slide .slides{margin-left:0;}
#con1 .con1_banner_slide .slides > li{width:100%;}
#con1 .con1_banner_slide .slides > li .border_dv{margin-left:0;}

#con2 .over .dv01{width:59%;}
#con2 .over .dv01 img{width:100%;}
#con2 .over .dv02{width:39.3%; margin-left:1.7%;}
#con2 .over .dv02 img{width:100%;}
#con2 .over .dv03{width:58%; margin-top:20px; margin-left:0;}
#con2 .over .dv04{width:40.4%; margin-left:1.6%; margin-top:20px;}


#con3 .over .r_dv{margin-top:20px; padding:0; width:100%;}
#con3 .con3_slide .slides{margin-left:0;}
#con3 .con3_slide .slides > li{width:100%;}
#con3 .con3_slide .slides > li .border_dv{margin-left:0;}
#con3 .over .l_banner{width:100%; text-align:center;}

#con5 .con5_slide .flex-control-paging{display:none;}

.review_dv > ul li{width:100%;}

.prod_3_ul li{width:100%;}
.prod_4_ul li{width:50%;}

#con7 .over .dv01{width:100%;}
#con7 .over .dv01 .in .img_dv{height:180px;}
#con7 .over .dv01 .in .img_dv img{width:100%;}

.board_gallery > li{width:50%;}
.term_dv .term_list ul{padding:1em;}
.search_term .cho_dv > button{font-size:10px; padding:6px; margin-top:-1px;}

.page_step_box > li{width:50%!important;}

.main_Con5 .menu_tab .tab_list{display:flex; flex-wrap:wrap;}
.main_Con5 .menu_tab .tab_list > li.vm_wrap{width:inherit; flex:1 1 25%;}

.main_Con5 .main_Prod_wrap.st .Prod_List .pro{width:33.33%;}
.main_Con6 .main_Prod_wrap .Prod_List .pro{width:33.33%;}

.main_Con8 .con_list{display:flex; flex-direction:column;}

.main_Con8 .con_list.sec3 > *{width:100%!Important; text-align:center;}
.main_Con8 .con_list.sec3 .con_in{margin-bottom:4em;}

body.testSm #header .top_wrap .pr{flex-wrap:wrap;}
body.testSm.product .prod_list_box .prod_list_wrap .dp3_list_wrap .dp3_list .tnb_dp3 .menu{width:49%;}
body.testSm #header .top_wrap .menu_wrap.menuR{order:3; width:100%;}
body.testSm #header .all_btn{order:2;}
/* body.testSm #header .search_wrap .inp{width:95%;} */
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap.prod_slide_type1 .slides .el:hover{transform:none;}

body.testSm.product #contents .doc{padding-top:12.75em;}
body.testSm.product:not(.main) #contents .doc{padding-top:12.75em;}

#footer .cs_wrap .sns{flex-wrap:wrap;}
#footer .cs_wrap .sns > li{flex:1 1 50%; margin-bottom:.5em;}
#footer .cs_wrap .sns > li > a{width:inherit;}
.board_cate_wrap .cate_btn{width:22%; margin-right: 15px; margin-bottom:.5rem; border:1px solid #ddd; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:.5rem 0; cursor:pointer; background:#f1f1f1; color:#555;}
.w_view_table_w0 {width:1.5em;}
.w_view_table_w3 {width:2em;}
.w_view_table_w1 {width:3em;}
.w_view_table_w4:nth-child(5) {width:2em;}

#contents .subCon_wrap .con_gnb {padding-top:14em!important;}
#contents .subCon_wrap .con_gnb .gnb .dp2 {padding: 1em 1em;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li {width:32.7%;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li > a {padding:1.25em 1.5em!important; box-sizing:border-box; font-size:1em;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li:last-child {width:99%;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > .sm_company {width:99%;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > .sm_info {width:49%;}
body.testSm #header .search_wrap .inp {float:left; width:4em!important;}
#header .search_wrap .btn .xi {transform:translateY(33%);}
body.testSm .banner_zone {height:5em;}
#footer .menu_wrap .wrap_in {padding-bottom:10em!important;}
}


@media screen and (max-width:600px){
.main_guide .guide_wrap .left { float: none; width: 100%; }	
.main_guide .guide_wrap .right { float: none; width: 100%; }
.main_tit.st1 .tit { text-align: center; }
.main_guide .list > li .icon { width: 50%; margin: 0 auto; }
.main_guide .list .tit { padding-bottom: 1.5em; }

.page_step_box .inner { height: 150px!important; }

.main_Con5 .menu_tab .tab_list > li.vm_wrap{flex:1 1 33.33%;}

.main_Con5 .main_Prod_wrap .Prod_List .pro .in .img_wrap .best_icon{width:50px; height:50px;}

.main_Con5 .main_Prod_wrap .Prod_List .pro{width:100%;}
.main_Con5 .main_Prod_wrap.st .Prod_List .pro{width:50%;}

.main_Con2 .main_con2_in{display:flex; flex-direction:column;}
.main_Con2 .main_con2_in .con2_wrap{width:100%; margin-bottom:2em;}
.main_Con2 .main_con2_in .con2_wrap .con_w{}
.main_Con2 .main_con2_in .con2_wrap .con2_wrap_in{margin-right:0;}
.main_Con2 .main_con2_in .con2_wrap.st{width:100%;}

.com_btm .p1 br{display:none;}

body.testSm .banner_zone .banner .tt{width:70%; font-size:1.2em;}
body.testSm .banner_zone img{height: 30vh;object-fit: cover;}

body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv{flex:1 1 49%; max-width:49%;}

body.testSm.product .prod_list_box{flex-wrap:wrap;}
body.testSm.product .prod_list_box .prod_lnb_wrap{width:100%; margin-bottom:2em;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv{width:100%; position:static!Important}
body.testSm.product .prod_list_box .prod_list_wrap{width:100%;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2{display:flex; flex-wrap:wrap;}
body.testSm.product .prod_list_box .prod_lnb_wrap .lnb_cv .lnb_body .lnb_dp2 .menu{flex:1 1 50%}

#footer .link_wrap .menu{}
#footer .link_wrap .menu > li{flex:1 1 33.33%}
#footer .link_wrap .menu > li > a{text-align:center; margin-right:0;}

}

@media screen and (max-width:480px){
.main_banner .banner .con_wrap{ font-size:.750em;}
.main_guide .list > li { width: 50%!important; }
.main_guide .list .resize { padding-bottom: 100%; }
.member_wrap {padding-top:13em;}
.page_csGuide .con_top .txt_wrap > dd br { display: none; }

/* body.testSm .banner_zone img {height:auto;} */
body.testSm .banner_zone .banner .tt {display:none;}


.com_top .txt_wrap { font-size: .750em; }

body.testSm .main_Visual_sm .main_visual_wrap .visual_in .item .slogan_wrap .tt{font-size:1.65em;}
.com_btm .p1{font-size:1.65em;}

#footer .cs_wrap .left .cs_box{width:100%;}
#footer .cs_wrap .left .cs_box:nth-of-type(n+2){border-top:1px solid #ddd; padding-top:1em; }

#footer .info_wrap .info{display:flex; flex-direction:column;}
#footer .info_wrap .info > li{margin-right:0; margin-bottom:.65em;}

#footer .link_wrap .box1.flex.space.vc{justify-content:center}
.op_list > li .op .con .price { font-size:1.5em; padding-top:1.5em;}
.op_list > li .op .tit {vertical-align:top;}
.w_view_table_w2 {width:6em;}
w_view_table_w5  {width:4em;}
.vol .inp {width:5px;}
.btn_wrap_sm {justify-content:space-between;}
.btn_wrap_sm .mall_btn {max-width:30%;}
.prod_wrap > li .prod {height:19em!important;}

#footer .link_wrap .menu {width:100%;}
#footer .link_wrap .menu > li {flex:1 1 20%; height:3em; border:1px solid #ddd; border-radius:5px; display:flex; justify-content:center; align-items:center; margin:0.8em;}
#footer .link_wrap > div {height:15.5em;}

.view_top_wrap .info_wrap .info_bottom .btn_wrap > li.s1 {width:32%; margin:2px;}
.view_total_wrap > .flex .total {flex:1;}
.view_total_wrap > .flex .total_price {flex:2;}
.view_total_wrap > .flex .total_price .total_price_num {width:34px;}
.view_total_wrap > .flex .total_price i:first-child {flex:2;}
.view_total_wrap > .flex .total_price i:nth-child(2) {flex:1;}
.view_total_wrap > .flex .total_price i:last-child {padding-left:2em; flex:4}

.inquiry_sm .inquiry_wrap .inquiry_select_box > .flex {font-size:.7em;}

/* table */
.inquiry_list_box .mall_table {display:flex;   border:1px solid #ddd;}
.inquiry_list_box .mall_table colgroup{display:none;}
.inquiry_list_box .mall_table thead {display:flex;}	
.inquiry_list_box .mall_table thead tr {display:flex; flex-direction:column; justify-content:space-around}
.inquiry_list_box .response_mall thead tr th:not(.w_no) {flex:1; display:flex; align-items:center;}
.inquiry_list_box .mall_table tbody {display:flex; padding-left:2em;}
.inquiry_list_box .mall_table tbody tr {display:flex; flex-direction:column; justify-content:space-around}
.inquiry_list_box tbody tr td {padding:0!important; flex:1; display:flex; align-items:center; margin-bottom:0.5em;}
.inquiry_list_box tbody tr {padding:0; border:none;}
.inquiry_list_box tbody tr .w_price, .response_mall tbody tr .w_point {display:flex;}
#footer .link_wrap .menu > li > a {margin-right:0!important;}
#footer .link_wrap > div {height:100%!important;}
#footer .cs_wrap {padding-bottom:0!important;}
.board_search_wrap .search_wrap {width:100%!important; display:flex; justify-content:space-between;}
.board_search_wrap input[type=text].input_st {width:55%;}
.board_search_wrap .input_st {height:3em;}
body.testSm .banner_zone {display:none;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .mcs_prod_slide_wrap {margin-top:2rem;}
.main_Con8 .con_list.sec3 .con_in {margin-bottom:5em;}



@media screen and (max-width:420px){
.prod_wrap > li .prod {height:16em!important;}
#footer .cs_wrap .sns > li > a {width:12em!important;}
#footer .cs_wrap .sns > li {display:flex; justify-content:center;}


}

@media screen and (max-width:380px){
body{ font-size:11px;}
.di_wrap > *{ font-size:11px; font-size:.688rem;}
body.testSm.product .prod_list_box .prod_lnb_wrap {margin-top:5em;}
.main_guide .list .tit:before { display: none; }
.main_guide .list .tit { padding: 1.5em; }
.main_guide .list > li .icon { width: 40%!important; }
.prod_wrap > li .prod {height:18em!important;}
/*quick*/
.mQuick .vm_wrap{ height:40px;}

/*footer*/
#footer .notice .inner{ height:30px; line-height:30px;}
#footer .notice .inner > dd{ padding:0 40px 0 50px;}

#footer .footer_wrap{ padding-bottom:60px;}
#footer .cs_wrap .sns > li > a {width:17em!important;}

/**/
.prod_wrap > li{ width:100%}

/**/
.page_tit:after{ width:16px; height:16px;}

.main_Con2 .main_con2_in .con2_wrap .con_w{display:flex; flex-direction:column;}
.main_Con2 .main_con2_in .con2_wrap .con_w .con{width:100%; margin-bottom:1em;}

/*POPUP*/
/**************/
/**/
.pop .pop_cart_wrap{ font-size:.813em;}

/****************/
/*MAIN*/
.main_md .mainMd_wrap{ padding-left:0; padding-right:0;}
/* #header .top_top .menuR {float:left!important;} */
#header .top_top .menu_mem > li {margin-left:1.5em!important;}
#contents .subCon_wrap .con_gnb .gnb .dp2 > li {width:49%;}
#footer .link_wrap .menu > li {margin:0.3em;}
/* #footer .cs_wrap .sns > li > a {width:11em!important;} */
#header .search_wrap .btn .xi {transform:translateY(70%);}
#contents .subCon_wrap .con_gnb .gnb .m_sub .dp2 > li:last-child {width:97%;}
}

@media screen and (max-width:360px){
#footer .cs_wrap .sns > li {justify-content:center;}
#footer .cs_wrap .sns > li > a {width:16em!important;}

}
@media screen and (max-width:320px){
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st {flex-direction:column;}
body.testSm .main_con_sm_wrap .main_con_sm .mcs_ctt_wrap .card_st .card_cv {max-width:100%;}
}

@media (min-width: 480px) and (max-width:768px) and (orientation: landscape){

}

@media screen and (max-device-width:1024px){
    
}
@media screen and (max-device-width:768px){
body.testSm.sub #contents .doc{padding-top: 3em;}
.pop .view_pop .pop_prod .mall_table{ font-size:.750em;}
.pop .view_pop .pop_prod .mall_table .label_st{ width:48%; margin:2px 0;}
.board_cate_wrap .cate_btn{width:24%; margin-right: .8%; margin-bottom:.5rem; border:1px solid #ddd; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:.5rem 0; cursor:pointer; background:#f1f1f1; color:#555;}
}