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

body{ }
.box1{}
.PC{ display:none !important}
.PHONE{ display:block !important}

body.mobile .#header .home_wrap .etc_wrap .mem > li.m_bookmark{ display:none}
.shopping_top_banner{background-size:contain;}
@media screen and (max-width:1420px){
#header .banner_top .btn{ left:auto; right:0; bottom:-2.5em; border:1px solid #eee; border-top:none; border-bottom:none}
#header .banner_top .btn .tt::before{ content:"팝업닫기"}
#header:not(.st1) .home_wrap .etc_wrap{ margin-right:5em}
#quick .quickBtn{ left:0}
.mainCsBtn{ left:.5em; bottom:.5em}
}
@media screen and (max-width:1240px){
body{ font-size:15px!important;}
.di_wrap > li{ font-size:.938rem}
.box1{ width:96%; margin:0 auto;}

}
@media screen and (max-width:1140px){
body{ font-size:14px!important;}
.di_wrap > li{ font-size:.875rem}

#header .top_wrap .logo{ float:none}
#header .top_wrap .search_wrap{ float:none; margin-left:0}
#header .top_wrap .search_wrap .search .detail_wrap{ left:auto; right:0}
#header .top_wrap .search_wrap .search .detail_wrap .detail_in::after{ left:auto; right:2em}
#header .top_wrap .banner_wrap{ float:none; right:0; top:0; position: absolute;}
#header .top_wrap .search_wrap.va_wrap{ height:3em; padding-bottom:1em}
#header .top_wrap .search_wrap .va{ width:100%}
#header .top_wrap .search_wrap .search{ width:100%; box-sizing:border-box}
#header .menu_wrap .menu .gnb > li .dp1{ padding:0 1em}

#footer .cs_wrap .no .tt{ font-size:1.25em}
#footer .cs_wrap .no .t1.tt{ font-size:1.313em}

/*greeting*/
.greetings .img .m_img{right:90px;}
.greetings .img .line_de{ display:none;}

.list_prod_wrap.st3 .list_prod .prod .in{ min-height:75px;}

/*테이블*/
.board_wrap{overflow-x:auto;}
.board_wrap .dn{display:block !important;}
.board_wrap .board_st{min-width:1200px;}

.board_search_wrap{display:flex; flex-direction:column; align-items:center;}
.board_search_wrap .left{display:flex; flex-wrap:wrap;}
.board_search_wrap .left button{flex:1 1 24%;}
.board_search_wrap .right{margin-top:1em;}

/*테이블*/
.response{ border-top:none;}
.response,
.response caption,
.response thead,
.response tbody,
.response tfoot,
.response th,
.response td,
.response tr{ display:block; box-sizing:border-box; text-align:left;}
.response thead tr{ padding:0 1.5em;}
.response thead tr th:not(.w_no){ display:none;}
.response tbody tr{ margin-top:5px; padding:0.5em 1.5em; border:1px solid #777; position:relative;}
.response tbody tr:first-child{ margin-top:0; display:none}
.response tbody tr th{ position:absolute; top:-9999px; left:-9999px;}
.response tbody tr td{position:relative;padding:6px 0 6px 70px !important;width:100% !important;height:auto !important;min-height:30px;line-height:30px;border:none;}
.response tbody tr td:before{ content:attr(data-th); position:absolute; top:-1px; bottom:-1px; left:0; padding:0; line-height:30px; color:#777; font-weight:bold; white-space:nowrap; box-sizing:border-box;}
/*.response tbody tr .w_no{position:absolute;z-index:2;top:15px;left:1.5em;padding:0 !important;}*/
.response tbody tr .w_prod{ position:relative; z-index:1;}
.response tbody tr .w_price,
.response tbody tr .w_point{ width:auto !important; display:inline-block; vertical-align:top;}
.response tbody tr .w_price{ padding-right:2.5em !important;}
.response thead tr th{ position:relative; margin-bottom:.5em; width:100% !important; height:auto !important; min-height:30px; line-height:1.2; padding:0; border:none; text-align:left;}
.response thead tr th:after{ content:attr(data-th); display:inline-block; vertical-align:middle; padding:0 0 0 5px; font-size:1.250em; color:#000; font-weight:bold; box-sizing:border-box;}
.response .prod_info{ display:inline-block; width:auto;}
.response .prod_info .img{ display:block;}
.response .prod_info .img{ width:auto; max-width:300px;}
.response .prod_info .tit{ display:block; padding:1em 0 0 0; font-size:1.125em; line-height:1.2;}
.response .vol .btn{ line-height:1;}
.response .label_st.de{ font-size:1.250em; vertical-align:middle;}

.response .tt_prod_price,
.response .tt_prod_price + *,
.response .tt_prod_point,
.response .tt_prod_point + *,
.response .tt_prod_num,
.response .tt_prod_num + *{ vertical-align:top;}

.response.join_response th{ position:unset; top:unset; left:unset; display:block; padding-bottom:2em; margin-bottom:.3em; border-left:0}
.response.join_response tbody tr td{ padding:0 .5em !important}
.response.join_response .input_st.w1{ width:20em}
.response.join_response .label_select:after{ margin-top:-1em}
.response.join_response select.input_st{ width:20em}
.response.join_response .input_st.w3{ width:20em}

.response tbody tr td .no_cart{ padding-left:0 !important; margin-left:-70px; font-size:.875em}

}
@media screen and (max-width:1024px){
html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

#header .top_wrap .banner_wrap{ display:none}
#header .cate_wrap .arrow{ display:none}

#header .top_wrap .va_wrap{ height:5em}
#header.st1 .home_wrap .etc_wrap .mem,
#header.st1 .menu_wrap .all .all_btn{ height:5em;}
#header.st1 .home_wrap .etc_wrap .mem{ bottom:-5em;}
#header.st1 .menu_wrap .all .all_btn{ top:-5em;}

#header:not(.st1) .home_wrap .etc_wrap{ margin-right:4em}
#header .home_wrap .etc_wrap .cart{ display:none}
#header .home_wrap .etc_wrap .mem{ position:absolute; right:5em}
#header .home_wrap .etc_wrap .mem > li > a{ color:#111; padding:0}
#header .home_wrap .etc_wrap .mem > li > a .va{ display:none}
#header .home_wrap .etc_wrap .mem > li > a:after{ font-family:xeicon!important; font-size:2.25em; line-height:1}
#header .home_wrap .etc_wrap .mem > li.m_login > a:after{content:"\e9f5"}
#header .home_wrap .etc_wrap .mem > li.m_mypage > a:after{content:"\e9f8"}
#header .home_wrap .etc_wrap .mem > li.m_logout,
#header .home_wrap .etc_wrap .mem > li.m_order,
#header .home_wrap .etc_wrap .mem > li.m_join,
#header .home_wrap .etc_wrap .mem > li.m_bookmark{ display:none}

#header .banner_top .btn{ width:3em; line-height:1; margin-left:0}
#header .banner_top .btn .xi::before{ content:"\e9af"}
#header .banner_top.on .btn .xi::before{ content:"\e946"}
#header .banner_top .btn .tt{ display:none !important}

#header .menu_wrap .all{ float:none; position: relative;}
#header .menu_wrap .all .all_btn{ position:absolute; right:0; color:#000; padding:0; background:none !important; border:none !important;}
#header .menu_wrap .all .all_btn .xi{ font-size:2.75em; line-height:1}
#header .menu_wrap .all .all_btn .tt,
#header .menu_wrap .all .all_btn .arrow{ display:none}
#header .menu_wrap .all .all_btn .va:before, #header .menu_wrap .all .all_btn .va:after{ display:none;}
#header .menu_wrap .all.on .all_btn{ position:fixed; left:0; z-index:10001; top:0; right:auto; width:calc(100% - 24em); min-width:4.5em; height:100%; text-align:right; color:#fff}
#header .menu_wrap .all.on .all_btn .va{ vertical-align:top}
#header .menu_wrap .all.on .all_btn .xi{ padding:.25em .25em 0 0;}
#header .menu_wrap .all.on .all_btn .xi:before{content:"\e9af"}
#header .menu_wrap .all .all_wrap{position:fixed; left:0; right:0; top:0; width:100%; z-index:10000; border:none; background:none; height:100% !important; transition:.2s;}
#header .menu_wrap .all .all_wrap .all_pc{ display:none}
#header .menu_wrap .all .all_wrap .all_mobile{ display:block}
#header .menu_wrap .all .all_wrap .all_mobile .bg{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; transition:.4s;}
#header .menu_wrap .all .all_wrap .all_mobile .wrap_in{ position:absolute; right:0; top:0; width:24em; max-width:calc(100% - 4.5em); height:100%; background:#fff; overflow-y:auto; transform:translateX(100%); transition:transform .4s;}
#header .menu_wrap .all.on .all_wrap .all_mobile .bg{ opacity:1;}
#header .menu_wrap .all.on .all_wrap .all_mobile .wrap_in{ transform:translateX(0);}

#header .menu_wrap .all .all_wrap .all_mobile .all_top{ padding:0 2em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_tit{ padding:.875em 0;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_tit .tt{ font-size:1.250em}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_tit .tt > *{ display:inline-block;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_tit .tt .xi{ margin-right:.125em; font-size:1.750em; color:#990000;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_mem{ display:flex; flex-wrap:wrap; gap:0 .5em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_mem > li .in{ height:2.5em; padding:0 1em; border:1px solid #ddd; border-radius:.375em; color:#444;}
#header .menu_wrap .all .all_wrap .all_mobile .all_top .all_mem > li .in.point{ border-color:#990000; color:#990000;}

#header .menu_wrap .all .all_wrap .all_mobile .all_bottom{ padding:1em 1em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_bottom .link{ height:auto; padding:.625em .5em; border:3px solid #eee; color:#333;}
#header .menu_wrap .all .all_wrap .all_mobile .all_bottom .link .va{ font-size:1.125em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_bottom .link .va .xi{ font-size:1.500em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_bottom .link .va > *{ display:inline-block; padding:0 .125em;}

#header .menu_wrap .all .all_wrap .all_mobile .all_con{ padding:2em 1em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_join,
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_mypage,
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_mypageC,
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_guide,
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_company{ display:none;}

#header .menu_wrap .all .all_wrap .all_mobile .all_con ul.di_wrap{ font-size:1em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_con ul.di_wrap > li{ display:block; width:100%; font-size:1em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_con .va_wrap{ text-align:left;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li{ position:relative;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp1{ margin:0 0; padding:0 1em; border:none;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp1,
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .moreLayer{ height:3em;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .moreLayer{ position:absolute; top:0; left:0; right:0;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp1 .va{ font-size:1.125em;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp2{ margin:0 0; padding:0 1.25em; height:0; opacity:0; overflow:hidden; transition:.3s;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp2 > li > a{ padding:.25em 0;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp2 > li > a .va{ position:relative; padding-left:.75em; font-size:1.063em; white-space:normal; overflow:visible;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li .dp2 > li > a .va:before{ content:'-'; position:absolute; top:.125em; left:0; line-height:1;}

#header .menu_wrap .all .all_wrap .all_mobile .gnb > li.more .dp1 .va:after{ content:'+'; position:absolute; top:.25em; right:.5em; font-size:1.5em; color:#333;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li.more.open .dp1{ background:#f5f5f5;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li.more.open .dp1 .va:after{ content:'-'; color:#990000;}
#header .menu_wrap .all .all_wrap .all_mobile .gnb > li.more.open .dp2{ padding-top:1em; padding-bottom:2em; height:auto; opacity:1; overflow:visible;}

#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li .dp1 .va:before{ content:''; font-family:'xeicon'; width:1.5em; height:1.5em; line-height:1.5em; text-align:center; background:#6c6c6c; color:#fff; border-radius:50%; margin-right:.5em; font-size:1.068em; vertical-align:middle; display:inline-block; transform:translateY(-.063em);}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_enterInfo .dp1 .va:before  { content:'\ea05';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_add .dp1 .va:before        { content:'\eadb';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_pr .dp1 .va:before         { content:'\eb4a';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_partnership .dp1 .va:before{ content:'\eb8d';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_job .dp1 .va:before        { content:'\ea2e';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_market .dp1 .va:before,
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_marketN .dp1 .va:before     { content:'\eb2b';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_branch .dp1 .va:before     { content:'\eb43';}
#header .menu_wrap .all .all_wrap .all_mobile .all_gnb .gnb > li.m_customer .dp1 .va:before   { content:'\ea5b';}

#header .menu_wrap .all .all_wrap .all_mobile .all_cate{}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .cateBtn{ position:relative; margin:1.5em 0 0; height:3em; padding:0 1em; background:linear-gradient(0deg, #eee 0%, #fff 100%); border:1px solid #ddd; border-radius:.5em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .cateBtn .va{ font-size:1.125em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .cateBtn .tt{ display:inline-block; padding-left:.375em;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .cateBtn .arrow{ position:absolute; top:50%; right:1em; margin-top:-.375em; font-size:1em; line-height:1;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .cateBtn .arrow:before{ content:"\e941"; display:block; transition:.3s;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate .drop{ height:0; opacity:0; overflow:hidden; transition:.3s;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate.cateOpen .cateBtn{ background:#990000; border-color:#990000; color:#fff;}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate.cateOpen .cateBtn .arrow:before{ transform:rotate(-180deg);}
#header .menu_wrap .all .all_wrap .all_mobile .all_cate.cateOpen .drop{ padding-top:1.5em; height:auto; opacity:1; overflow:visible;}

#header .menu_wrap .menu{ float:none}
#header .menu_wrap .menu .gnb{display: flex;}
#header .menu_wrap .menu .gnb > li{ flex-basis:auto;flex-grow: 1; flex-shrink: 0;}
#header .menu_wrap .menu .gnb > li > .dp1{ padding:0}

/*new style 230503*/
.moAllHidden{ overflow:hidden;}

#header.st1 .home_wrap > .box1{ position:relative;}
#header.st1 .home_wrap .etc_wrap{ background:transparent; border:none; padding:0 0;}
#header.st1 .home_wrap .etc_wrap .mem{ right:3.5em; display:flex; align-items:center;}
#header.st1 .home_wrap .etc_wrap .mem > li .va_wrap{ height:auto;}
#header.st1 .home_wrap .etc_wrap .mem > li.m_search{ display:block; margin-right:.5em;}
#header.st1 .home_wrap .etc_wrap .mem > li.m_search > a{ width:2.5em; height:2.5em; background:#990000; color:#fff;}
#header.st1 .home_wrap .etc_wrap .mem > li.m_search > a:after{ content:"\e97a"; font-size:1.5em; display:inline-block; vertical-align:middle;}

#header.st1 .top_wrap .search_wrap{ position:absolute; z-index:-1; width:100%; background:#fff; height:auto; padding:2em 2em; border:1px solid #ddd; border-radius:.5em; box-shadow:0 2px .625em rgba(0,0,0,.2); box-sizing:border-box; opacity:0; visibility:hidden; transform:translateY(2em);}
#header.st1 .top_wrap .search_wrap .search{ font-size:1.125em; padding:.875em 9em .75em 1.5em; line-height:1;}
#header.st1 .top_wrap .search_wrap .search .btn{ height:100%; line-height:inherit;}
#header.st1 .top_wrap .search_wrap .search .detail_wrap{ max-width:100%; margin-left:0; box-sizing:border-box;}
#header.st1 .top_wrap .search_wrap .search .detail_wrap .detail_in:after{ right:1em; top:-.688em; font-size:2em}

#header.st1.searchOpen .top_wrap .search_wrap{ z-index:99; opacity:1; visibility:visible; transform:translateY(.75em); transition:.3s;}
#header.st1.searchOpen .home_wrap .etc_wrap .mem > li.m_search > a:after{ content:"\e921";}
/*end*/

#quick{ display:none}

.bgMoveWrap .bgMove{ display:none}

.main_top .shop_list .mainTopShop .in .tit{ font-size:1.125em; margin-bottom:.5em}
.main_top .shop_list .mainTopShop .in .tt{ display:none}
.main_top .shop_list .mainTopShop_wrap{ padding-bottom:150%}
/*.main_top .shop_list .mainTopShop_wrap .wrap_tit{ visibility:hidden; height:1em; padding:0; overflow:hidden}*/
.main_top .shop_list_best .list > li > a{ line-height:1.625em; padding:0 1em 0 .5em}
.main_top .special > li .wrap_in .tit{ font-size:1em; padding-bottom:.5em}
.main_top .special > li .wrap_in .tt{ display:none}

.mainMiddleBanner .in .resize{ padding-top:.25em}
.mainMiddleBanner .in .resize > img {width: 100%;}
/*new style 230504*/
/* .main_top .shop_list .mainTopShop_wrap .wrap_tit{ display:none;} */
.main_top .shop_list .mainTopShop_wrap.st1 .mapWrap{ position:absolute; top:50%; left:.75em; right:.75em; transform:translateY(-50%);}
/*end*/

/*greetings*/
.greetings .img .m_img{right:65px;}
.greetings .img .bg_img{right:45px;}
.greetings .tx_b .tx_b_01{ font-size:1em;}
.greetings .tx_b .tx_s{ font-size:.9em;}
.greetings .tx_b .tx_b_01 .eg_tx{ font-size:.8em; letter-spacing:12px;}
.greetings .tx_b .tx_b_01 .tt_s{ font-size:1.5em;}
.greetings .tx_b .tt_st{ font-size:1em;}

.enterInfo_bottom .gnb > li{ width:25%}

/**/
.pr_con_wrap .fixIn{ display:none}

/*쇼핑몰*/
.shopping #header .menu_wrap .all{display:none;}
.shopping #header .top_wrap .logo{display:flex; justify-content:space-between; width: 100%;}
.shopping #header .top_wrap #mo_menu{display:block !important;}
.shopping #header .top_wrap #mo_menu .vm_tt{font-size:2em;}
.shopping #header .top_wrap .search_wrap .search{margin-left:0;}
.shopping .mainSvisual_wrap{margin:0 18.3333% 0 0;}
.mainS_top .rank_wrap .wrap_in{padding:2em;}
.mainS_top .box1.pr{display:flex; flex-wrap:wrap; align-items:center;}
.shopping .mainSvisual_wrap{width:80%; margin:0;}
.mainS_top .rank_wrap{position:static; width:20%; height:100%;}

#footer .cs_wrapS .box1{display:flex; flex-wrap:wrap; align-items:center;}
#footer .cs_wrapS .cs_box{flex:1 1 33.33%}
#footer .cs_wrapS .cs_box.size1{flex:1 1 100%}
#footer .cs_wrapS .cs_box .inner{padding-left:0;}
#footer .cs_wrapS .cs_box.size1 .inner{margin-left:0; margin-top:1em;}

#footer .cs_wrapS .cs_box .inner:after{display:none;}
}

@media screen and (max-width:920px){
/*greetings*/
.greetings .img .bg_img{ width:320px; right:30px; height:410px;}
.greetings .img .m_img{ width:320px; right:50px; height:410px;}
.greetings .tx_b .tx_b_01 .eg_tx{ display:none;}

.shopping_list_top .banner{width:100%;}
.shopping_list_top .list{width:100%; margin-top:1em;}
.shopping_list_top .list.shopping .list_prod .prod > li{width:25%;}

.dp2_idustrystatus .table_wrap{overflow-x:auto; position:relative; margin-top:1em;}
.dp2_idustrystatus .table_wrap:before{content:'* 좌우로 슬라이드하여 자세히 볼 수 있습니다.'; display:block; position:absolute; font-family:notokrM,notokrB,notokrR,notokrL,sans-serif; font-size:.9em; color:#999}

.dp2_idustrystatus .table_st.st3{min-width:940px;}
}

@media screen and (max-width:860px){
.di_wrap > li{ font-size:.813rem}
.slides{opacity:1;}
.main_top .wrap_sec .con1{ left:auto; right:0; width:35%; z-index:1; height:auto}
.main_top .wrap_sec .con2{ padding:0; margin:0; width:63%}
.main_top .wrap_sec .con3{ position:relative; width:100%; padding-right:37%; box-sizing:border-box; margin-top:1em}
.main_top .wrap_sec .con3:after{ content:""; clear:both; display:block}
.main_top .wrap_sec .con3 .mainTopShopMD{ float:left; width:49%}
.main_top .wrap_sec .con3 .mainTopShopMD + .mainTopShopMD{ float:right}
/*.main_top .shop_list .mainTopShop_wrap{ padding-bottom:163%}*/
/*.main_top .shop_list .mainTopShop .in .tit{ font-size:1.25em}*/
.main_top .shop_list .mainTopShop .in .tt{ display:block; font-size:.938em; margin:.5em 0}
.main_top .shop_list_best{ position:relative; font-size:1.125em; margin-top:1em}
.main_top .shop_list_best .list > li > a{ line-height:2em}
.main_top .banner_link{ width:35%; left:auto; right:0}
.main_top .banner_link .img img{ width:100%;}

.main_tit_banner{ padding:1em 0 0 0}
.main_tit_banner .wrap_in{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_tit_banner .banner{ width:49.5%; position: relative; box-sizing:border-box;}
/*.main_tit_banner .banner.left{ float:left; width:49.5%}
.main_tit_banner .banner.right{ float:right; width:49.5%;}*/
.main_tit_banner .banner img{ width:100%;}
.main_tit_banner .main_tit.best{ margin-top:1em; padding-bottom:7em; min-width:100vw; left:50%; transform:translateX(-50%);}

.main_middle .wrap_sec .con2{ width:100%; margin:0; padding-bottom:1em;}
.main_middle .wrap_sec .con1,
.main_middle .wrap_sec .con3{ position:static; float:left; width:50%; overflow:hidden}
.main_middle .wrap_sec .mainMiddleBanner{ float:left; width:49%}
.mainMiddleBanner{ margin:0 .5% 0 .5%}
.mainMiddleBanner::before,
.mainMiddleBanner::after{ border:none}
.mainMiddleBanner .in .resize{ padding-top:0}

.tab.cateImg .gnb > li{ width:25%}
.shopping .tab.cateImg .gnb > li{width:25%;}
.tab.cateImg .gnb > li > a{ padding-bottom:40%; margin-top:.25em; margin-bottom:.25em}
.tab.cateImg .el > a .va{ width:100%; border-radius:0; box-sizing:border-box; border:none}
.tab.cateImg .el > a .va .tt{ font-size:.875em}

.list_prod_wrap.st1 .list_prod .prod > li{ width:25%}
.list_prod_wrap.st4{ min-height:inherit}
.list_prod_wrap.st4 .list_prod .prod .in .con_wrap{ bottom:0; width:45%}

.mainPartners .el{ width:25%}

/*new style 230504*/
.main_top .top_tit.moHide{ display:none;}
.main_top .shop_list .mainTopShop_wrap{ padding-bottom:calc(100% + 8.563rem);}
.main_top .shop_list .mainTopShop_wrap.st1{ padding-bottom:calc(100% + 8.563rem - 1px); border-top-width:0;}

.main_middle{ padding:1.5em 0;}
.mainSlider_wrap .captionSlide{ margin-right:0;}
.mainSlider.st2 .flex-direction-nav{ display:none;}

.moScrollX{ position:relative; padding:0 2em;}
.moScrollX .moScroll{ overflow-x:auto; white-space:nowrap; padding:1em 0;}
.moScrollX:before,
.moScrollX:after { position:absolute; z-index:2; top:0; bottom:0; width:1em; background:#fff; font-family:'xeicon'; color:#aaa; font-size:1.75em; display:flex; align-items:center;}
.moScrollX:before{ content:"\e93c"; left:0;}
.moScrollX:after { content:"\e93f"; right:0;}

.list_prod_wrap.box_st.main_st{ border:none; padding:0 0;}
.main .list_prod_wrap.st1 .list_prod .prod > li:nth-child(n + 9){ display:none;}

.list_prod_wrap.st3 .list_prod .prod{ display:flex; flex-wrap:wrap;}
.list_prod_wrap.st3 .list_prod .prod > li{ display:flex;}
.list_prod_wrap.st3.main_st .list_prod .prod > li{ width:50%;}
.list_prod_wrap.st3 .list_prod .prod .in{ flex:1; display:flex; flex-direction:column; min-width:0;}
.list_prod_wrap.st3 .list_prod .prod .in .img_wrap{ width:100%;}
.list_prod_wrap.st3 .list_prod .prod .in .con_wrap{ width:100%; padding-bottom:1em;}
/*end*/

#footer .cs_wrap{ text-align:center}
#footer .cs_wrap .wrap1{ width:100%}
#footer .cs_wrap .link{ display:inline-block; width:100%; max-width:30em}
#footer .cs_wrap .wrap2{ margin:2em 2.5%; width:45%}
#footer .cs_wrap .cs_tit2{ margin-bottom:.5em}

#footer .info_wrap .logo{ float:none; width:50%; max-width:15em; margin-bottom:1em}
#footer .info_wrap .info,
#footer .info_wrap .etc{ float:none; width:100%}
#footer .info_wrap .etc > dl{ border-top:1px solid rgba(255,255,255,.1); border-left:none; padding-left:0; padding-top:1em; margin-top:1em}
#footer .etc_wrap .box1{ width:100%}
#footer .etc_wrap .logo > li > a{ padding-bottom:20%}

/*greetings*/
.greetings .img{ width:100%;}
.greetings .img .con_box{ margin-top:0;}
.greetings .img .m_img{width:100%; position: unset; height:250px;}
.greetings .img .bg_img{ display:none;}
.greetings .con_box{ float:none;}
.greetings .tx_b{ width:100%;}

/**/
.sub_lnb_wrap,
.sub_con_wrap{ float:none; width:100%}
.sub_lnb_wrap{ position:relative; min-height:8.3em; padding-left:11em; border:1px solid #ddd; box-sizing:border-box; margin-bottom:1em}
.sub_lnb_wrap .cateImg{ position:absolute; left:0; top:0; width:10em; height:8.3em}
.sub_lnb_wrap .cate_list{ border:none}
.sub_lnb_wrap .cate_list .dp2:after{ content:""; clear:both; display:block}
.sub_lnb_wrap .cate_list .dp2 > li{ float:left; width:33.33%}
.sub_lnb_wrap .cate_list .dp3_wrap{ display:none}
.sub_lnb_wrap .list_banner{ display:none}

.list_prod_wrap.st3 .list_prod .prod > li:nth:child(3n+1){ clear:both}

.pr_top .top_in{ padding:1em 0; margin:0}
.pr_top .top_in .info{ max-width:100%; display:block}
.pr_top .top_in .no{ position:relative; width:auto; margin-top:2em}

.map_contents > li .map_size{ height:20em}

.page_tit .t1{ font-size:1.5rem}
.enterInfoCon1 .el{ display:flex; flex-wrap:wrap}
.enterInfoCon1 .el .img_wrap{ width:100%; margin-left:0; order:-1}
.enterInfoCon1 .el .con_wrap{ position:relative; width:100%}
.enterInfoCon1 .el .con_wrap .no{ margin:1em 0 0 0}
.enterInfoCon1 .el .con_wrap .tt{ padding-left:0}
.enterInfoCon2 > li{ width:50%}
.enterInfoCon2 > li .in{ padding-right:1em; padding-bottom:6em}
.enterInfoCon3 .con_wrap .tt br{ display:none}

.addCon1 > li{ }
.addCon1 > li .in{ margin-top:0}
.addCon1 > li .resize{ padding-bottom:100% !important; font-size:.75em}
.addCon3,
.monitor{ float:none; width:auto}
.addCon3{ margin-bottom:2em}
.addCon3 .st1.in{ margin-left:0}

.memberstatus_wrap .img{ position:relative; width:auto; margin-top:1em}
.memberstatus_wrap .con{ padding-left:0}


.form_wrap{ padding:0; border:none}
.form_wrap .tit_wrap,
.form_wrap .con_wrap{ float:none; width:auto}
.form_wrap .tit_wrap .page_tit{ margin-bottom:0}

.login_w{ padding:1.5em}

.join_type{ display:flex; flex-wrap:wrap}
.join_type > li{ float:none; width:100%}
.join_type > li:last-child{ order:-1}
.join_type > li .in{ min-height:inherit; padding:1.5em}

.step_st{ font-size:.75em}
.page_tit{ font-size:2em}

/*쇼핑몰*/
/*제품페이지*/
.list_prod_wrap .wrap_top .wrap_tab > li{ width:6.5em}
.tab_st > li > a .va{ font-size:1em}
.list_prod_wrap .list_prod .prod .in .con_wrap{ padding-bottom:1.5em}

.mall_view_top .mall_view_img{ width:100%}
.mall_view_top .mall_view_img .thumb{ text-align:center}
.mall_view_top .mall_view_info{ width:100%; margin-top:1em}
.mall_view_top .mall_view_info .prod_tit .t1{ font-size:1.125em}
.mall_view_wrap{ padding:1em}

.table_st .total_wrap:before, .table_st .total_wrap:after{ display:none}
.order_wrap{ padding-right:0}
.order_wrap .order_fix_wrap{ width:100%}
.order_wrap .order_fix_wrap .order_fix{ width:100%; position:unset !important; top:unset !important}
.fixWrap .fixIn .fixObj{position:static; display:flex; margin-bottom:1em;}

.fixWrap .fixIn .fixObj.scroll{ position:static !important; bottom:0; top:unset !important}
.fixWrap .fixIn{ position:unset !important; margin-top:1em}
.fixWrap .fixIn .fixObj.bottom{ position:unset !important; top:unset !important}

.job_view_wrap .job_view_top .tit_wrap{padding-right:0;}
.job_view_con .con_wrap.st1{padding-left:0;}
.job_view_con .con_wrap .date_info{width:100%; position:static; background:inherit; text-align:left; border-bottom:1px solid #ddd;}
.job_view_con .con_wrap .in{padding:1em;}
.job_view_con .con_wrap .con_info .con1{width:100%;}
.job_view_con .con_wrap .con_info .con2{width:100%;}
.job_view_con .con_wrap .con_info .con2 .in{border-left:none; border-top:1px solid #ddd;}
.job_view_con .con_wrap .job_company .logo{width:50%;}
.job_view_con .con_wrap .job_company .img{width:50%;}
.job_view_con .con_wrap .job_company .con{width:100%;}

#footer .cs_wrapS .cs_box{flex:1 1 50%}
#footer .cs_wrapS .cs_box.size1{flex:1 1 50%}
#footer .cs_wrapS .cs_box .inner{padding-left:0;}
#footer .cs_wrapS .cs_box:nth-of-type(3) .inner{padding-left:0; margin-left:0;}
#footer .cs_wrapS .cs_box.size1 .inner{margin-left:1.5em; margin-top:1em;}


}

@media screen and (max-width:768px){
.shopping #header .menu_wrap .box1.fl_wrap{display:flex; flex-direction:column; align-items:center;}
.shopping #header .menu_wrap .menu1 > li.st1 > a{margin-left:0;}
.shopping #header .menu_wrap .menu2 > li:first-of-type > a{margin-left:0;}

.cateImg .el.on > a{transform:scale(1)}
.mainPartners.list .el{width:25%;}
.input_st.w1{width:9em;}
.job_list_wrap > li{width:33.33%;}
.APP {display: none !important;}

/*#header .menu_wrap .all .all_btn{ position: absolute; right: 2%; top: -7.6em; color: #111;}*/
.main_tit_banner .wrap_in {gap: 1em 0;}
.main_tit_banner .banner.left,
.main_tit_banner .banner.right {flex: 1 1 100%;}

#header .menu_wrap .menu{ padding:.5em 0}
#header .menu_wrap .menu .gnb{ display:block}
#header .menu_wrap .menu .gnb > li{ width:25%}
#header .menu_wrap .menu .gnb > li .dp1{ height:2em}
.st1#header .home_wrap .site{ float:none}
.st1#header .home_wrap .site > li{ max-width:50%}
.st1#header .home_wrap .site > li > a{ max-width:100%}
#header .banner_top .twrap .t1{ font-size:1.5em}

/*모바일 화면 됐을 때 바뀌는 부분*/
#header .top_wrap .search_wrap{}
#header .menu_wrap .all .all_btn .xi{ /*margin-top: -2em;*/}

#header .top_wrap.fix{ background: #fff;}
#header .cate_wrap.fix{ background: #fff;}

/*new style 230503*/
#header.st1{ position:fixed; z-index:1000; left:0; top:0; width:100%; background:#fff; border-bottom:1px solid #ddd;}	
#header.st1 .banner_top{ display:none;}
#header.st1 .home_wrap{ margin-top:0;}
#header.st1 .home_wrap .site{ display:none;}
#header.st1 .home_wrap .etc_wrap .mem > li > a{ font-size:.938em}
#header.st1 .top_wrap{}
#header.st1 .top_wrap .logo img{ width:12em}
#header.st1 .top_wrap .search_wrap{ padding:1.5em 1em;}
#header.st1 .top_wrap .search_wrap .search .detail_wrap{ width:100%;}
#header.st1 .menu_wrap .menu,
#header.st1 .cate_wrap{ display:none;}

html:not(.shopping) #contents{ padding-top:5em;}
/*end*/

/**/
.main_top .wrap_sec .con1{ position:static; width:100%; margin-top:1em}
.main_top .wrap_sec .con1 .tab_idx,
.main_top .wrap_sec .con1 .con_idx{ overflow:hidden}
.main_top .wrap_sec .con1 .tab_idx > li{ float:right; width:49%}
.main_top .wrap_sec .con1 .tab_idx > li:first-child{ float:left}
.main_top .wrap_sec .con1 .con_idx .idx{ float:right; width:49%; visibility:visible !important; position:relative !important; opacity:1 !important}
.main_top .wrap_sec .con1 .con_idx .idx:first-child{ float:left}
.main_top .shop_list .tab > li > a{ line-height:2em; background:#4d66fe}
.main_top .shop_list .tab > li > a::after{ display:none !important}
.main_top .wrap_sec .con2{ margin:0; width:100%;}
.main_top .wrap_sec .con3{ padding-right:0}
.main_top .wrap_sec .con3 .mainTopShopMD{ width:49%}
.main_top .wrap_sec .con3 .mainTopShopMD .img img{ width:100%}
.main_top .banner_link{ display:none}

.cateImg .el > a .va{ font-size:.75em}
.main_bottom_cate .cateImg .gnb > li{ width:33.33%}

.list_prod_wrap.st1 .list_prod .prod > li{ width:50%;}
.list_prod_wrap.st2.main_st .list_prod .prod > li:nth-child(1){ position:static; width:50%}
.list_prod_wrap.st2.main_st .list_prod .prod > li:nth-child(4), 
.list_prod_wrap.st2.main_st .list_prod .prod > li:nth-child(8){ margin-left:0}
.list_prod_wrap.st2 .list_prod .prod > li{ width:25%}
.list_prod_wrap.st2 .list_prod .prod > li .in{ margin-bottom:0}
.list_prod_wrap.st2 .list_prod .prod > li .in .con_wrap .t3{ height:1.2em}

.list_prod_wrap.st3 .list_prod .prod .in{ padding:0 0; border:none;}

.main_plus{ position:relative; height:auto; padding:1em 1em;}
.main_plus .con1{ position:absolute; z-index:2; left:0; top:0; width:45.5%; padding:1em 0 0 1em; box-sizing:border-box;}
.main_plus .con2{ float:none; width:100%}
.main_plus .mainPlus .in .resize img{ width:100%;}
.list_prod_wrap.st4{ min-height: inherit}
.list_prod_wrap.st4.main_st{ padding:0}
.list_prod_wrap.st4 .list_prod{ margin:0 0 0 -.5em}
.list_prod_wrap.st4 .list_prod .prod .in .img_wrap{ float:none !important; width:100%}
.list_prod_wrap.st4 .list_prod .prod .in .con_wrap{ position:static; width:100%; text-align:left !important}
.list_prod_wrap.st4 .list_prod .prod .in{ margin:.5em 0 0 .5em}
.list_prod_wrap.st4 .list_prod .prod > li{ width:33.33%; margin-left:0 !important;}
/* .list_prod_wrap.st4 .list_prod .prod > li:nth-child(1){ position:static; float:none; width:auto; padding-left:48.5%; box-sizing:border-box;} */
/* .list_prod_wrap.st4 .list_prod .prod > li:nth-child(1) .in{ margin:0 0; height:0; padding-bottom:180.5%;} */

.mainPartners .el{ width:50%}

/*new style 230504*/
.main_top{ padding:0 0 1.5em 0;}

/* .main_top .mainSlider_wrap{ position:relative; width:100vw; left:50%; transform:translateX(-50%);} */
.main_top .mainSlider .flex-direction-nav,
.main_top .mainSlider .flex-pauseplay,
.main_top .mainSlider_wrap .caption,
.main_top .shop_list .mainTopShop .flex-direction-nav{ display:none;}
.mainSlider_wrap .caption {}

.main_top .special{ margin:.5em -.25em 0 0}
.main_top .special > li .wrap_in{ margin:.25em .25em 0 0}
.main_top .special > li .wrap_in .tit{ border-width:0; text-align:center; text-transform:uppercase;}

.main_middle .wrap_sec .con1,
.main_middle .wrap_sec .con3{ float:none; width:100%; margin:1% 0;}
/*end*/

#footer .cs_wrap .wrap2{ margin-left:5%; margin-right:0; width:95%; text-align:center}
#footer .menu_wrap{ position:relative}
#footer .menu_wrap .menu{ padding:.5em 0}
#footer .menu_wrap .menu > li{ width:33.33%}
#footer .menu_wrap .va_wrap{ height:2em}
#footer .menu_wrap .gotop{ position:absolute; left:50%; top:-2em; height:2em; width:2.5em; margin-left:-1em; background:#222}
#footer .menu_wrap .gotop .tt{ display:none}
#footer .etc_wrap .logo > li{ width:50%}

/**/
.sub_lnb_wrap{ padding:0}
.sub_lnb_wrap .cateImg{ position:relative; width:auto; height:auto; margin:1em}
.sub_lnb_wrap .cate_list .dp2 > li{ width:50%}

.list_search_wrap{ padding:2em 1.5em 1.5em 1.5em}
.list_search_wrap .list_search > li{ width:100% !important; box-sizing:border-box}
/*.list_prod_wrap.st1 .list_prod{margin:0 auto;}*/
/*.list_prod_wrap.st2 .list_prod{margin:0 auto;}*/
/*.list_prod_wrap.st3 .list_prod{margin:0 auto;}*/

.sub .list_prod_wrap .list_prod .prod{ display:flex; flex-wrap:wrap;}
/*.sub .list_prod_wrap .list_prod .prod .el{}
.sub .list_prod_wrap .list_prod .prod .el:nth-of-type(2n-1) .in{margin-left:0;}
.sub .list_prod_wrap .list_prod .prod .in{margin:1em !important;}*/
.sub .list_prod_wrap.st1 .list_prod .prod > li{ width:50%;}
.sub .list_prod_wrap.st2 .list_prod .prod > li{ width:50%;}
.sub .list_prod_wrap.st3 .list_prod .prod > li{ width:50%;}
.list_prod_wrap .list_prod_tit .t1{ font-size:1.25em}
.list_prod_wrap .list_prod_tit .st1.btn{ font-size:.75em}
.map_contents > li{ width:auto; float:none; margin-bottom:1em}
.shop.mall_view_top .mall_view_img,
.shop.mall_view_top .mall_view_info{ width:auto; float:none; margin-bottom:1em}
.mall_view_top .mall_view_img .big .zoomArea{ display:none}
.shop.mall_view_top .board_btn_wrap .input_st{ min-width:10em}

.enterInfoCon3 .img_wrap{ width:auto !important; margin:0 !important}
.enterInfoCon3 .con_wrap{ position:relative; width:100%}
.addCon1 > li .in .con_wrap .tt{ font-size:1em}
.mainPartners.list .el{width:50%;}
html.l-nav-open .l-nav{width:60%;}

.mainS_top .rank_wrap .mainSTopRank .in .resize{border:none; margin:1px;}
.shopping .mainSvisual_wrap{width:100%;}
.mainS_top .rank_wrap{width:100%;}
.list_prod_wrap.st1 .list_prod .prod{ display:flex; flex-wrap:wrap;}

.sub.dp1_list .list_prod_wrap.st1 .list_prod .prod{ display:block;}


}

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





}
@media screen and (max-width:600px){
/*#header .home_wrap .site > li:nth-of-type(2){display:none;}*/
.tab.cateImg .gnb > li{width:50%;}
.shopping .tab.cateImg .gnb > li{width:50%;}
.w_no, .w_hit{display:none;}
.list_addB{margin:0 auto;}
.list_addB > li{width:100%;}
.list_addB .in{margin:1em 0; text-align:center;}

.board_photo_wrap{margin:0 -20px -40px -20px;}
.board_photo_wrap > li{width:50%;}

.BScon td p span{font-size:13px !important;}

/*
.top_wrap,
.cate_wrap.fix,
.menu_wrap.fix{ position: fixed !important;}
*/

}

@media screen and (max-width:500px){
.list_prod_wrap.st2.main_st .list_prod .prod > li:nth-child(1){ width:100%;}
.list_prod_wrap.st2 .list_prod{ margin:0 0 0 -.5em;}
.list_prod_wrap.st2 .list_prod .prod .in{ margin:0 0 .5em .5em !important;}
.shopping_list_top .list.shopping .list_prod .prod > li{ width:50%;}
.list_prod_wrap.st2 .list_prod .prod > li{ width:50%;}


/*쇼핑몰*/
.table_st.response1.form th:first-child{border-left:1px solid #777;}
.table_st.response1,
.table_st.response1 caption,
.table_st.response1 thead,
.table_st.response1 tbody,
.table_st.response1 tfoot,
.table_st.response1 th,
.table_st.response1 td,
.table_st.response1 tr,
.table_st.response1 .in_Table,
.table_st.response1 .in_Table .tr,
.table_st.response1 .in_Table .th,
.table_st.response1 .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.table_st.response1 .in_Table .th,
.table_st.response1 .in_Table .td{ width:auto;}
.table_st.response1 { font-size:1em !important;}
.table_st.response1 thead{ display:none;}
.table_st.response1 th,
.table_st.response1 td,
.table_st.response1 th[class^="w_"],
.table_st.response1 td[class^="w_"]{ width:auto;}
.table_st.response1 th,
.table_st.response1 td{ border-color:#777; border:1px solid #777}
.table_st.response1 th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.table_st.response1 td{ border-width:0 1px 1px 1px;}

#footer .cs_wrapS .cs_box{flex:1 1 100%}
#footer .cs_wrapS .cs_box.size1{flex:1 1 100%}
#footer .cs_wrapS .cs_box .inner{padding-left:0; margin-left:0; margin-top:1em;}
#footer .cs_wrapS .cs_box:nth-of-type(3) .inner{padding-left:0; margin-left:0;}
#footer .cs_wrapS .cs_box.size1 .inner{margin-left:0; margin-top:1em;}

/*.addCon3.fl_wrap > li{width:100%;}*/
.addCon3 .in{margin:0 0 .5em 0;}
/*.sub .list_prod_wrap.st3 .list_prod .prod > li{width:100%;}*/
.job_list_wrap > li{width:50%;}

.mall_view_top.shop .board_btn_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
.mall_view_top.shop .board_btn_wrap .fl{width:100%;}
.mall_view_top.shop .board_btn_wrap .fr{width:100%; margin-top:1em;}

.mall_view_top .mall_view_img{ width:100%}
.mall_view_top .mall_view_img .thumb{ text-align:center}
.mall_view_top .mall_view_info{ width:100%; margin-top:1em}
.mall_view_top .mall_view_info .prod_tit .t1{ font-size:1.125em}
.mall_view_wrap{ padding:1em}
.mall_view_top.shop .mall_view_img .big{width:100%;}
.mall_view_top.shop .mall_view_img .thumb{width:100%; margin:0 auto;}
.mall_view_top.shop .mall_view_img .thumb > li{display:inherit; width:16.66%;}

.mainSlider_wrap .caption > li{}

}

@media screen and (max-width:420px){
.w_date{display:none;}
#header .top_wrap .logo img{width:12em;}
.tab.cateImg .el > a .va .tt{font-size:13px;}
/*.mainPartners.list .el{width:100%;}*/

/*.shopping_list_top .list.shopping .list_prod .prod > li{width:100%;}
.list_prod_wrap.st2 .list_prod .prod > li{width:100%;}*/

/*.job_list_wrap > li{width:100%;}*/

}
@media screen and (max-width:340px){
body{ font-size:12px !important}
}

@media all and (orientation:landscape){

}