@charset "utf-8";
/* CSS Document */
.pc_hide{display:none;}
/*nav*/
.l-nav .gnb{ display:block;}
.l-nav .gnb > li:first-child .dp1.va_wrap{}
.l-nav .gnb > li .va_wrap{ display:block; text-align:left;}

.l-nav .gnb > li .dp1.va_wrap{padding:.85em 0;  position:relative; /*border-bottom: 1px solid #ddd;*/ padding-left:1em;}
/*.l-nav .gnb > li .dp1.va_wrap:hover{ border-bottom:1px solid #111; border-top:1px solid #111;}*/
.l-nav .gnb > li .dp1 .va{display:inline;}
.l-nav .gnb > li .dp1 .va:after{ content:'+'; color:#111; position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:1.5em; font-weight: bold;}

.l-nav .gnb .dp1.on{ background-color:#444;}
.l-nav .gnb .dp1.on .va{color:#fff;}
.l-nav .gnb .dp1.on .va:after{ content:'-'; color:#fff; font-size:2em; top:50%;}

.l-nav .gnb > li .dp2 {display: none; background:#f5f5f5;}
.l-nav .gnb > li .dp2 .flex{ border-bottom: 1px solid #ddd; background: #fbfbfb; justify-content:flex-start}
.l-nav .gnb > li .dp2 .tt{padding:1em 0; padding-left:1em; font-size:.9rem;}
.l-nav .gnb > li .dp2 .tt:after{content:''; color:#333; position:absolute; top:13px; left:10px;}

.l-nav .gnb > li .dp3{ display:none;}

.l-nav .nav_logo{ margin:1em 0.5em; position:relative;}
.l-nav .nav_logo img{ width:75%; margin:.5em 0;}
.I-nav .nav_close { position:absolute; top:0; right:0;}
.l-nav .xi-close{color:#aaa; font-size:2.5em; margin-top:-7px;}

.l-nav .nav_top{ background:#f5f5f5; padding:.5em; margin-bottom:.5em;}
.l-nav .nav_top li a{ background:#fff; border:1px solid #ddd; font-size:.875em; margin-right:5px; padding:.5em 1.5em;}

.l-wrapper{ overflow:hidden}
.l-main {
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: inherit;
  overflow: hidden;  
}

.l-nav {
  -webkit-transition: opacity 700ms ease;
  -moz-transition: opacity 700ms ease;
  -o-transition: opacity 700ms ease;
  transition: opacity 700ms ease;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index:1
}
.l-nav::-webkit-scrollbar {width: 0;}

html.l-nav-open .l-nav{width: 80%;}

html.l-nav-open,
html.l-nav-open body {
  height: 100%;
  overflow: hidden
}
html.l-nav-closing body {
  background: none;
}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(80%, 0, 0);
  -moz-transform: translate3d(80%, 0, 0);
  -o-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}
html.l-nav-open .l-nav {
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  opacity: 1;
  -webkit-box-shadow: 0 0 0.5625rem #666;
  box-shadow: 0 0 0.5625rem #666;
}
.l-nav-open .l-nav,
.l-nav-closing .l-nav {
  display: block;
}
#LeftNavigation .gnb.cate .m_allcate a{border-bottom:none;}
#LeftNavigation .gnb.cate .m_allcate a:hover{border-bottom:1px solid #111;}
.l-nav .gnb > li.m_info .dp1 .va:after{content:'\e907'; font-family:'xeicon'; right:15px;}
.l-nav .gnb > li.m_best .dp1 .va:after{content:'\e907'; font-family:'xeicon'; right:15px;}
.l-nav .gnb > li.m_allcate .dp1 .va:after{content:'\e907'; font-family:'xeicon'; right:15px;}

.l-nav .all_cate{margin-bottom:2em;}
@media screen and (max-width:1680px){

}

@media screen and (max-width:1600px){
.box1{max-width:97%;}

.brand_top_bg {height: unset;}
}

@media screen and (max-width:1444px){
.main_prod .prod_list_wrap .prod_cover{margin-right:0;}
.main_prod .prod_list_wrap .prod_cover:not(:nth-of-type(4n)){margin-right:auto;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{padding-left:3px;}
}

@media screen and (max-width:1440px){
.mainVisualWrap{height:530px;}
.mainVisualWrap .mV_button_wrap{margin-left:calc(-50vw + 95px);}
.mainVisualWrap .slides .el{width:100vw;}

.main_mid_banner_wrap{height:25vw;}

.main_md_wrap .main_md_in .main_md_img_wrap{width:450px;}
.main_md_wrap .main_md_in .main_md_img_wrap .img{height:400px;}
.main_md_wrap .main_md_in .main_md_list_wrap{padding-left:40px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{padding-right:4px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el{height:310px;}
.main_md_wrap .main_md_bottom .main_md_in{justify-content:flex-end;}

.mall_banner_wrap > div{background-size:cover;}
.mall_banner_wrap > div:hover{background-size:cover;}

.mall_view_con .view_tab{max-width:100%;}

#contents .sub_tit .t1{font-size:1.125em;}
#contents .sub_tit .t2{font-size:2em;}

.board_tit .t1{font-size:1.25em;}

.subscribe_wrap .subscribe_body .subscribe_sel_list li{width:32%;}

.sub_page_body_wrap > div.text_wrap{width:auto; flex:1 1 100%;}
.sub_page_body_wrap > div.graphic_wrap{max-width:500px;}

body.dp1_mypage .page_search_wrap .wrap_in{flex-direction:column; align-items:flex-start;}
body.dp1_mypage .page_search_wrap .wrap_in > div:first-of-type{margin-bottom:.5rem;}
}
@media screen and (max-width:1400px){
  #header .top_wrap .wrapH {gap: 2em;}
  #header .menu_wrap .gnb > li > .dp1 {padding: 0 1em;}

}

@media screen and (max-width:1280px){
#header .nav_wrap .cate_wrap .all_wrap .allBtn,
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li > .dp1{padding:.5em .75em;}
#header .nav_wrap .menu_wrap .gnb > li > .dp1{margin-left:0;}
#header .menu_wrap .gnb > li > .dp1 .va {font-size: 1.05em;}

.main_md_wrap .main_md_in .main_md_list_wrap{width:calc(100% - 450px);}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap{padding-right:40px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{width:100%;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{margin-left:0;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides{margin-left:-84px;}

.main_brand_wrap .brand_link_wrap .brand_link{height:300px;}

.mall_list_top .gnb_wrap .gnb > li .dp2 > li{width:auto; flex:1 1 auto;}

.subscribe_wrap .subscribe_head .text_wrap{max-width:97%;}

.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r:before{z-index:-1;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{background:#fff;}

.sub_page_wrap .box2{max-width:97%;}
.sp_product .sp_product_ctt_wrap .box2 > div.product_ctt_r{padding-left:1.5vw;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st{padding-left:1.5vw;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap.n2 .gram_st{padding-left:1.5vw;}

.brand_list {gap: 2em; flex-wrap: wrap;}
.brand_list li {flex: 1 35%; border-top-left-radius: 18em; border-top-right-radius: 18em;}
.brand_list li .img {width: 50%;}

}

@media screen and (max-width:1200px){
.mainVisualWrap{height:460px;}

.main_prod .prod_list_wrap .prod_cover .thumb_wrap{height:280px;}
.main_prod .prod_list_wrap .prod_cover .thumb_wrap .thumb{width:100%; height:100%; margin:0; background-size:contain;}

.main_md_wrap .main_md_in .main_md_img_wrap{width:380px;}
.main_md_wrap .main_md_in .main_md_list_wrap{width:calc(100% - 390px);}

.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash .hash{margin-right:1em;}

.main_cate_tab_wrap .main_cate_tab{padding:0 25px;}

.main_cs_wrap .box1{flex-wrap:wrap;}
.main_cs_wrap .box1 .main_cs_info_wrap{flex:1 1 50%;}
.main_cs_wrap .box1 .main_cs_notice_wrap{flex:1 1 50%;}
.main_cs_wrap .box1 .main_cs_sns_wrap{flex:1 1 100%; width:100%;}

#footer .logo_wrap .site_wrap{margin-left:auto;}
#footer .wrapIn {gap: 2em; flex-wrap: wrap;}
#footer .logo_wrap {flex: 1 1 100%;}
#footer .menu_wrap,
#footer .etc_wrap {flex: 1 10%;}
#footer .etc_wrap {align-items: flex-start;}
#footer .cs_wrap {text-align: left;}
#footer .cs_wrap .t1 {margin-bottom: .5em;}

.mall_list_top .tit_wrap .tit{font-size:1.875em;}

.tt_prod{font-size:1.125em;}

.mall_view_top .prod_img, .mall_view_top .prod_info{width:calc(50% - 1em);}
.mall_view_top .prod_info .info_wrap{margin:1em 0;}
.mall_view_top .prod_info .tit_wrap .tit{font-size:1.875em;}
.mall_view_top .prod_info .tit_wrap .t1{margin-top:1em;}
.mall_view_top .prod_info .tit_wrap .t2{font-size:1.25em; margin-top:.75em;}
.mall_view_top .prod_info .prod_price{margin-top:1.5em; font-size:1em;}
.mall_view_top .prod_info .info_wrap .list > li{padding:.5em 0;}
.mall_view_top .prod_info .info_wrap .list{padding:.25em 0;}
.mall_view_top .prod_info .op_wrap > li .wrap_in{padding:1em 1.5em;}
.vol_st .btn, .vol_st .inp{width:2em; height:2em; line-height:2em;}
.mall_view_top .prod_info .total_price{margin:1.25em 0;}
.mall_view_top .prod_info .total_price .tt_price{font-size:1.25em;}
.mall_view_top .prod_info .buy_btn_wrap .btn{line-height:2.5em;}

.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r{padding-left:.5em;}

.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box{margin-left:30px !important;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div .input_st.w4{width:10em;}

#header .nav_wrap .menu_wrap .gnb > li > .dp2{left:50%;}

.main_event .review_list li:last-child {display: none;}
}
@media screen and (max-width:1190px){
  #header .top_wrap .menu_wrap {display: none;}
}
@media screen and (max-width:1024px){

.mainVisualWrap{height:340px;}

.main_prod .prod_list_wrap .prod_cover .info_wrap{padding:0 .5em;}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_sum{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_name{height:47px;}

.main_md_wrap .main_md_top .main_md_in{flex-direction:column;}
.main_md_wrap .main_md_in .main_md_img_wrap{width:100%;}
.main_md_wrap .main_md_in .main_md_img_wrap .main_md_title{padding-top:2rem;}
.main_md_wrap .main_md_in .main_md_img_wrap .img{width:40%; margin-left:auto; height:200px; margin-top:-6.5rem;}
.main_md_wrap .main_md_in .main_md_list_wrap{padding-left:0; padding-top:0; width:100%; margin-top:-2.5rem;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap{padding:0;}

.main_md_wrap .main_md_bottom .main_md_in{flex-direction:column-reverse;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_img_wrap .main_md_title{text-align:right;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_img_wrap .img{margin-left:0; margin-right:auto;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap{padding-right:0;}

.main_brand_wrap{padding-top:40px; margin-bottom:100px;}
.main_brand_wrap .brand_link_wrap .brand_link{height:240px;}

.keyword_list li .in {font-size: 1em;}
.banner_wrap {width: 95%;}

.tt_prod:not(.cutstr){display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; margin-bottom:.5rem;}

#footer .gotop{bottom:4em;}

.mall_view_con .view_con.viewInfo table colgroup col:not(:last-of-type){width:5em !important;}

.tt_price.st1 .tn{font-size:1.25em;}
.flex_table > li > .tr > .td.wVol2{width:16em;}
.flex_table > li > .tr > .td.wPrice2{width:16em;}
.flex_table > li > .tr > .td.wPrice2 .tt_price{margin-top:0 !important;}
.flex_table > li > .tr > .td.wBtn2{width:15em;}
.flex_table > li > .tr > .td.wBtn2 .input_st.wFix{min-width:4em;}

.flex_table > li > .tr > .td.wVol{width:10em;}
.flex_table > li > .tr > .td.wPrice{width:13em;}
.mall_order_wrap{padding-right:22em;}

body.dp2_order .w_form_tit{width:7em;}
body.dp2_order table .tt_st2{font-size:.9375em;}
body.dp2_order table.board_st.write th,
body.dp2_order table.board_st.write td{padding:.375em !important;}
body.dp2_order2 .w_form_tit{width:7em;}
body.dp2_order2 table .tt_st2{font-size:.9375em;}
body.dp2_order2 table.board_st.write th,
body.dp2_order2 table.board_st.write td{padding:.375em !important;}
body.dp2_order_fin .w_form_tit{width:7em;}
body.dp2_order_fin table .tt_st2{font-size:.9375em;}
body.dp2_order_fin table.board_st.write th,
body.dp2_order_fin table.board_st.write td{padding:.375em !important;}
body.dp1_regular .w_form_tit{width:7em;}
body.dp1_regular table .tt_st2{font-size:.9375em;}
body.dp1_regular .board_st.write th,
body.dp1_regular .board_st.write td{padding:.375em !important;}
body.dp1_mypage.dp2_review .w_form_tit{width:7em;}
body.dp1_mypage.dp2_review table .tt_st2{font-size:.9375em;}
body.dp1_mypage.dp2_review .board_st.write th,
body.dp1_mypage.dp2_review .board_st.write td{padding:.375em !important;}

.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r{padding:1em;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_ori_price{font-size:1em;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .tt{font-size:1.25em;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .ssw_discount{height:22px; transform:translateY(-2px);}

.subscribe_prod_list > li{padding:1em;}
.subscribe_prod_list > li .subscribe_prod_in{flex-direction:column; align-items:flex-start;}
.subscribe_prod_list > li .subscribe_prod_in .spi_month{margin-bottom:.5rem;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box{margin-left:0 !important; flex-wrap:wrap; justify-content:flex-start;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div:first-of-type{flex:1 1 100%; margin-bottom:.5rem;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div.same_check{margin-left:.5rem;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:460px;}

.sp_product .sp_product_ctt_wrap .box2{flex-direction:column;}
.sp_product .sp_product_ctt_wrap .box2 > div:not(.sp_product_in_wrap){padding-top:0; width:100%;}
.sp_product .sp_product_ctt_wrap .box2 > div.product_ctt_r{padding-left:0;}
.sp_product .sp_product_ctt_wrap .box2 > div .product_title{margin-bottom:2rem;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap > .flex{flex-direction:column; justify-content:center;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap > .flex > div{width:100%; height:50%; display:flex; flex-direction:column; justify-content:center;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st{padding-left:0;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap.n2 .gram_st{padding-left:0;}
.sp_product .sp_product_bg_wrap{flex-direction:column;}
.sp_product .sp_product_bg_wrap > div{width:100%; height:50%;}

.sub_page_body_wrap > div.graphic_wrap{width:60%;}

body.dp1_mypage #contents .sub_tab .gnb > li > .dp2{flex-wrap:wrap;}
body.dp1_mypage #contents .sub_tab .gnb > li > .dp2 > li{flex:1 1 25%; max-width:none;}

body.dp2_orderList .flex_table.line > li > .tr > .td{padding:.25em;}
body.dp2_orderList_ori .flex_table.line > li > .tr > .td{padding:.25em;}

.brand_intro .top_img {display: none;}

.prod_list > li {width: 33.3%;}

#contents .sub_tab .gnb > li > .dp2{flex-wrap:wrap;}
#contents .sub_tab .gnb > li > .dp2 > li{flex:1 1 20%; max-width:none;}
#contents .sub_tab .gnb > li.st1 > .dp2 > li .dp3 {flex-wrap: wrap;}
#contents .sub_tab .gnb > li.st1 > .dp2 > li .dp3 > li, 
#contents .sub_tab .gnb > li:not(.st1) > .dp2 > li {flex: 1 1 20%;}

.mall_view_top .prod_img, .mall_view_top .prod_info {width: 100%;}
.zoomThumbWrap {margin: 0 0 1.5em;}

}

@media screen and (max-width:950px){
.main_prod .prod_list_wrap .prod_cover .thumb_wrap{height:220px;}

.main_md_wrap .main_md_in .main_md_list_wrap{margin-top:calc(-2.5rem - 33px);}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash{flex-wrap:wrap; width:60%; height:66px; padding-right:3em; box-sizing:border-box;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_hash{padding-right:0; padding-left:3em; margin-left:auto;}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_hash .hash{margin-right:0; margin-left:1em;}

#footer .logo_wrap .menu > li > a{padding:.25em 1em;}
#footer .logo_wrap .site_wrap .btn{width:6em;}

.mall_list_top .gnb_wrap a{height:3em;}
.mall_list_top .gnb_wrap .gnb > li .dp2 > li{max-width:180px;}

.subscribe_wrap .subscribe_body .subscribe_sel_list{flex-direction:column; max-width:600px; margin:0 auto;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li{width:100%; margin-bottom:1rem;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li:last-of-type{margin-bottom:0;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_name{margin-top:0;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_ori_price{font-size:1.25em;}
.subscribe_wrap .subscribe_body .subscribe_sel_list li .subscribe_sel_wrap .subscribe_sel_wrap_in .ssw_r .ssw_price .tt{font-size:1.625em;}

/*.sp_product .sp_product_ctt_wrap .box2{flex-wrap:wrap;}*/
.sp_product .sp_product_ctt_wrap .box2 > div .product_Q{font-size:2.75em;}
.sp_product .sp_product_ctt_wrap .box2 > div .product_title{font-size:1.5em; height:63px;}
.sp_product .sp_product_ctt_wrap .box2 > div:not(.sp_product_in_wrap){/*padding-top:7rem; padding-right:1.5vw;*/}

.sub_page_head_img_wrap .img_cover .sub_page_head_title{font-size:1.75em;}

.sp_brand .brand_ctt_wrap > div .img_wrap{height:330px;}

body.dp2_orderList .flex_table.line.reviewSt.page_sec05 > li{overflow-x:scroll;}
body.dp2_orderList .flex_table.line.reviewSt.page_sec05 > li > div.flex{width:950px;}
body.dp2_orderList .flex_table > li > .tr > .td.wBtn{width:10em;}
body.dp2_orderList .flex_table > li > .tr > .td.wState{}
body.dp2_orderList .flex_table > li > .tr > .td.wDate2{}
body.dp2_orderList .flex_table > li > .tr > .td.wCon{}
body.dp2_orderList .flex_table > li > .tr > .td.wPrice2{}
body.dp2_orderList_ori .flex_table.line.reviewSt.page_sec05 > li{overflow-x:scroll;}
body.dp2_orderList_ori .flex_table.line.reviewSt.page_sec05 > li > div.flex{width:950px;}
body.dp2_orderList_ori .flex_table > li > .tr > .td.wBtn{width:10em;}
body.dp2_orderList_ori .flex_table > li > .tr > .td.wState{}
body.dp2_orderList_ori .flex_table > li > .tr > .td.wDate2{}
body.dp2_orderList_ori .flex_table > li > .tr > .td.wCon{}
body.dp2_orderList_ori .flex_table > li > .tr > .td.wPrice2{}

.order_notice{display:block;}

body.dp1_mypage.dp2_orderList .reviewSt.flex_table > li > .tr > .td.wBtn .input_st{width:8em;}

body.dp1_mypage .prod_list.d1 > li{width:25%;}

.subscribe_title ~ .table_notice{display:block;}
.subscribe_title ~ .table_wrap{overflow-x:scroll;}
.subscribe_title ~ .table_wrap table{min-width:960px;}
}

@media screen and (max-width:850px){
#header .etc_wrap .menu_wrap .menu > li > a{margin-left:0;}
#header .top_wrap .icon_wrap{right:12.5rem;}
#header .top_wrap .icon_wrap,
#header .langWrap {display: none;}

.main_prod .prod_list_wrap .prod_cover{width:31.33%;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(3n){margin-right:0;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(4n){margin-right:auto;}
.main_prod .prod_list_wrap .prod_cover:nth-last-of-type(-n+2){display:none;}

.main_brand_wrap .brand_link_wrap{flex-wrap:wrap;}
.main_brand_wrap .brand_link_wrap .brand_link{flex:1 1 50%; margin-right:auto;}
.main_brand_wrap .brand_link_wrap .brand_link:nth-of-type(2n){margin-right:0;}

.main_best .prod_list2 li {flex: 1 47%;}

.best_cate {gap: 1em; flex-wrap: wrap;}
.best_cate li {width: 20%;}

.project_list li .in .tit {font-size: 1.125em;}
.project_list li .in .price_box {gap: 0.5em;}
.project_list li .in .price_box .price1 {font-size: 0.8em;}
.project_list li .in .price_box .per {font-size: 0.96em;}
.project_list li .in .price_box .price2 {font-size: 0.96em;}
.prod_list2 li .in .prod_info .cate {font-size: 0.8em;}
.prod_list2 li .in .prod_info .tit {font-size: 1em;}
.prod_list2 li .in .prod_info .price_box {font-size: 0.9em;}

.main_arrival .box1 {display: block;}
.main_arrival .left_box {width: 100%; padding-top: 4em; text-align: center;}
.main_arrival .right_box {width: 80%; margin: 3em auto 4em;}
.main_arrival .right_box .btn_box {margin-top: 1em;}

.keyword_list {flex-wrap: wrap;}
.main_event .review_list {flex-wrap: wrap;}
.main_event .review_list li {width: 31.3%; max-width: 31.3%; flex: unset;}
.main_event .review_list li:last-child {display: block;}

#footer .info_wrap{padding:1.5em 0 2.5em 0;}
#footer .info_wrap .box1{flex-direction:column-reverse; align-items:flex-start;}
#footer .info_wrap .cs_wrap{margin-left:0; margin-bottom:1em;}
#footer .info_wrap .cs_wrap .cs .wrap_in{margin-left:0;}

.prod_list{margin:-1em 0 0 -1em;}
.prod_list > li .wrap_in{margin:1em 0 0 1em;}
.tt_prod.s1{font-size:.875em;}
.tt_prod{font-size:1em;}

.mall_list_top .gnb_wrap .all{min-width:120px;}
.mall_list_top .gnb_wrap .gnb > li .dp2 > li:first-child{margin-left:120px;}

.mall_view_top .prod_info{font-size:.9375em;}
.mall_view_top .prod_info .tit_wrap .t1{margin-top:.875em;}
.mall_view_top .prod_info .tit_wrap .t2{margin-top:.5em;}
.mall_view_top .prod_info .op_wrap > li .wrap_in{padding:.75em;}
.mall_view_top .prod_info .op_wrap > li .wrap_in .tt_price{width:auto;}

.mall_order_wrap{padding-right:0;}
.mall_order_wrap .mall_order_fix{position:static;}
.mall_order_wrap .mall_order_fix.on{position:static;}
body.footerCheck .mall_order_wrap .mall_order_fix.on{position:static;}
.mall_order_wrap .mall_order_con > .form_st,
.mall_order_wrap .mall_order_con > .form_st ~ .board_tit{margin-top:2em !important;}

body.pop .popWrap.coupon_list_pop .popTit{padding:.5em;}
body.pop .popWrap.coupon_list_pop .popIn{padding:1em .5em;}

body.dp2_order .board_btn_wrap{display:none;}
body.dp2_order2 .board_btn_wrap{display:none;}
.mall_order_wrap .mall_order_fix{margin-top:1em;}
.mall_order_wrap .mall_order_fix .box1{max-width:100%;}
.mall_order_wrap .mall_order_fix .fix_wrap{width:100%;}
.mall_order_wrap .mall_order_fix .fix_wrap button[type=submit]{width:100% !important;}
.mall_order_wrap .mall_order_fix .fix_wrap button[type=button]{width:100% !important;}

.fin_wrap{padding:2em 1em 4em;}

.subscribe_wrap .subscribe_head .img_wrap{height:250px;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:400px;}

.sub_page_body_wrap{flex-direction:column;}
.sub_page_body_wrap > div.graphic_wrap{width:100%; max-width:none;}
.sub_page_body_wrap > div.graphic_wrap > div{flex-direction:row;}
.sub_page_body_wrap > div.graphic_wrap .box_st{width:40%; margin:1em;}

.sp_brand .brand_ctt_wrap{flex-direction:column;}
.sp_brand .brand_ctt_wrap > div{width:100%; display:flex; justify-content:space-between;}
.sp_brand .brand_ctt_wrap > div.brand_ctt_r{flex-direction:row-reverse; margin-top:1rem;}
.sp_brand .brand_ctt_wrap > div .img_wrap{width:49%;}
.sp_brand .brand_ctt_wrap > div .txt_wrap{width:49%; margin-top:0; display:flex; flex-direction:column; justify-content:center;}

.location_wrap .location_in .map_info .map_icon{min-width:36px;}

body.dp2_faq .board_search_wrap{flex-direction:column;}
body.dp2_faq .board_search_wrap .left{margin-bottom:.5rem;}

.board_photo > li{ width:48%;}  

.prod_price > li:not(:first-child) {margin-left: .3em;}
.tt_price .tn {font-size: 0.9em;} 
.tt_price .tw {font-size: .838em;}
.tt_price .tn {font-size: 0.9em;}
.tt_price.per .xi {font-size: 0.9em;}
.tt_price.before {font-size: 0.8em;}

}

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

.PHONE {display: block;}

/*#header .etc_wrap .menu_wrap{display:none;}
#header .top_wrap .icon_wrap{display:none;}
#header .nav_wrap .menu_wrap{display:none;}*/

#header .top_wrap .icon_wrap{right:13.5rem; bottom:-3rem;}
#header .top_wrap .icon_wrap .icon > li > a{padding:.5em .75em;}
#header .top_wrap .icon_wrap .icon > li > a .xi{font-size:1.625em;}
#header .nav_wrap .menu_wrap{top:-1.75rem;}
#header .nav_wrap .menu_wrap .gnb > li > .dp1{font-size:.9375em;}

#header .nav_wrap{padding-bottom:2rem;}
#header .nav_wrap .cate_wrap{flex-direction:column; align-items:flex-start; margin-top:2rem;}
#header .nav_wrap .cate_wrap .all_wrap .allBtn{padding-bottom:0;}
#header .nav_wrap .cate_wrap .mall_wrap{width:100%;}

.mainVisualWrap{height:280px;}
.mainVisualWrap .mV_button_wrap{margin-left:calc(-50vw + 71px); background:rgba(47,46,45,.5)}
.mainVisualWrap .mV_button_wrap .btn_prev,
.mainVisualWrap .mV_button_wrap .btn_next{width:36px; height:36px;}
.mainVisualWrap .mV_button_wrap .mV_pagination{width:70px; height:36px;}

.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el{height:270px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el .img{height:220px;}

.main_cate_tab_wrap{flex-wrap:wrap;}
.main_cate_tab_wrap .main_cate_tab{margin-bottom:.5rem; padding:0 20px;}

.main_cs_wrap .box1 .main_cs_info_wrap{}
.main_cs_wrap .box1 .main_cs_notice_wrap{padding-left:1em; box-sizing:border-box;}

.project_list {flex-wrap: wrap;}
.project_list li {flex: 1 47%;}

#footer .logo_wrap .wrapH{}
#footer .logo_wrap .logo{order:0;}
#footer .logo_wrap .site_wrap{order:1;}
#footer .logo_wrap .wrapH ul.menu{margin-top:1.5em; order:2; flex:1 1 100%; justify-content:space-between;}
#footer .logo_wrap .wrapH ul.menu li{}

.mall_view_con .view_con.viewInfo table{font-size:.875em;}

.reviewSt.flex_table > li > .tr{position:relative;}
.reviewSt.flex_table > li > .tr > .td.wBtn{position:absolute; left:14.5em; top:3rem; justify-content:flex-start; padding:0; align-items:flex-start;}

body.dp1_mypage.dp2_orderList .reviewSt.flex_table > li > .tr > .td.wBtn{position:static; justify-content:center; padding:.5em; align-items:center;}

.imgCon .wrap_img{width:7em; margin-right:1em;}

.flex_table > li > .tr > .td.wCheck .label_st.s1{font-size:1em;}

.coupon_list_pop .table_notice{display:block;}
.coupon_list_pop .table_wrap{overflow-x:scroll;}
.coupon_list_pop .table_wrap table{min-width:800px;}

.subscribe_wrap .subscribe_head .text_wrap{flex-direction:column;}
.subscribe_wrap .subscribe_head .text_wrap .tt{display:flex; width:100%;}
.subscribe_wrap .subscribe_head .text_wrap .tt br{display:none;}
.subscribe_wrap .subscribe_head .text_wrap .tt .first{letter-spacing:-.5px; margin-right:8px;}
.subscribe_wrap .subscribe_head .text_wrap .t1{width:100%;}
.subscribe_wrap .subscribe_head .text_wrap .t1 br:first-of-type{display:none;}
.subscribe_wrap .subscribe_head .text_wrap br{}

.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box{position:relative;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div.same_check{position:absolute; right:0; top:-2em;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:320px;}

body.dp1_mypage .page_search_wrap .wrap_in > div .input_wrap{flex-wrap:nowrap;}
body.dp1_mypage .page_search_wrap .wrap_in > div .input_wrap .label_st .con{min-width:auto;}
body.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap{flex-wrap:wrap;}
body.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap .input_sec:nth-of-type(1){flex:1 1 70%;}

.board_tit ~ .table_notice{display:block;}
.board_tit ~ .table_wrap{overflow-x:scroll;}
.board_tit ~ .table_wrap table{min-width:800px;}

/*BOARD*/
table.response2 { font-size:1em;}
table.response2,
table.response2 caption,
table.response2 thead,
table.response2 tbody,
table.response2 tfoot,
table.response2 tr,
table.response2 th,
table.response2 td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important;}
table.response2 thead{ display:none;}
table.response2 tr{ position:relative;}
table.response2 *[data-th]{ display:flex !important; flex-wrap:wrap; align-content:center; align-items:center; text-align:left;}
table.response2 *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 7.5em; max-width:7.5em; padding-right:.75em; color:#000; font-weight:700;}
table.response2 *[data-th] > *{ flex:1;}

table .pcHide{ display:block !important;}
table .pcHide.flex{ display:flex !important;}
table .moHide{ display:none !important;}

.board_st{ font-size:1em;}
.board_st th,
.board_st td{ padding:.5em .5em;}

.board_st.list.tit{ display:none;}
.board_st.list.tit + .board_st.list{ border-top:4px solid var(--siteC);}
.board_st.list tr{ padding:.5em .5em; border-bottom:1px solid #ddd;}
.board_st.list td{ border:none; padding:.25em 0; text-align:left; background:transparent !important;}
.board_st.list tr.reply{ padding-left:3em;}
.board_st.list tr.reply .w_no{ display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0; width:2.5em !important; text-align:center;}
.board_st.list .w_no{ display:none;}
.board_st.list .w_tit{ font-size:0.8em; color:#111; font-weight:500;}
.board_st.list .w_tit a{ max-width:100% !important; white-space:normal !important; font-weight:500;}
.board_st.list .w_tit ~ td{ position:relative; display:inline-block; padding-left:1.125em; margin-left:1em;}
.board_st.list .w_tit ~ td:before{ content:""; position:absolute; left:0; top:50%; margin-top:-.375em; height:.75em; width:1px; background:#ddd;}
.board_st.list .w_tit + td{ padding-left:0; margin-left:0;}
.board_st.list .w_tit + td:before{ display:none;}

.board_st.list.notice tr{ background:#f2f8f8;}
.board_st.list .reply{ background:#f7f7f7;}

.board_st.write{}
.board_st.write tr{ padding:1em .25em; border-bottom:1px solid #aaa;}
.board_st.write th,
.board_st.write td{ border-width:0; padding:.25em 0;}
.board_st.write th{ font-size:1.125em; color:#111;}

.board_view_top .tit{ text-align:center; font-weight:500;}
.board_view_top .board_info{ padding:0 1px .75em 0;}
.board_view_top .board_info > li{ flex:1 1 50%; border:solid #ddd; border-width:1px; margin:0 -1px -1px 0; padding:.75em .75em;}
.board_view_top .board_info > li:before{ display:none;}
.board_view_top .board_file{ padding:.75em .5em;}
.board_view_middle{ padding:2.5em 0 !important; overflow-x:auto;}
.board_view_bottom .w_form_tit{ width:7em;}

/**/
.board_st.faq{}
.board_st.faq .list .BScon{ padding:1em 0;}
.board_st.faq .list > li .con .w_tit{ padding:1em .5em;}
.board_st.faq .list > li .con .faqQ{ font-weight:500;}

.div-container { width:100%; overflow:auto; /*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 650px;}
.div-container .divCon1 .table_st .fixL { position: unset;}

}

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

#header .top_wrap .icon_wrap{right:auto; left:0;}
#header .nav_wrap{padding-bottom:0;}
#header .nav_wrap .menu_wrap{left:auto; right:1em;}
#header .nav_wrap .cate_wrap{margin-top:-3rem;}

.mainVisualWrap {height: 100%;}

.main_prod .prod_list_wrap .prod_cover{width:32.33%;}
.main_prod .prod_list_wrap .prod_cover .thumb_wrap{height:200px;}
.main_prod .prod_list_wrap .prod_cover .info_wrap .prod_name{height:44px; font-size:1em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.main_mid_banner_wrap{height:220px; width:1000px; position:relative; left:-100px;}

.main_md_wrap .main_md_in .main_md_img_wrap .img{width:100%; margin-top:0;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash{color:#fff; padding-left:.5em; text-shadow:0px 0px 2px rgba(0,0,0,.8);}
.main_md_wrap .main_md_bottom .main_md_in .main_md_list_wrap .main_md_hash{color:#333; padding-left:0; padding-right:.5em; text-shadow:-1px -1px 2px rgba(255,255,255,1);}

.main_cs_wrap{padding-top:30px; height:auto; padding-bottom:30px;}
.main_cs_wrap .box1 .main_cs_info_wrap{flex:1 1 100%; margin-bottom:1rem;}
.main_cs_wrap .box1 .main_cs_notice_wrap{flex:1 1 100%; padding-left:0; margin-bottom:1rem;}
.main_cs_wrap .box1 .main_cs_sns_wrap{justify-content:flex-start;}

.main_arrival .left_box {padding-top: 0em;}
.main_arrival .right_box {width: 94%;}
.main_arrival .right_box .detail_list li {font-size: 0.9em;}
.main_arrival .right_box .detail_list li i {width: 1.3em; height: 1.3em; margin-right: 0.3em;}

.visual_pc {display: none;}
.visual_mo {display: block;}

.banner_wrap {display: block;}
.banner_wrap .left {text-align: center;}
.applyBanner {margin: 2em auto 0;}

.main_event .review_list li {width: 48%; max-width: 48%;}

#footer .info_wrap .info > li.br{clear:none;}

.tt_prod.s1{font-size:.75em;}
.tt_prod{font-size:.9375em;}
.tt_price{font-size:.875em;}

.mall_banner_wrap > div{height:170px;}
.mall_banner_wrap > div .mb_in .mb_title{margin-bottom:1.25rem;}

.mall_view_top .prod_info .tit_wrap .tit{font-size:1.5em;}
.mall_view_top .prod_info .tit_wrap .t1{font-size:1em; margin-top:.5em;}
.mall_view_top .prod_info .tit_wrap .t2{font-size:1em;}
.mall_view_top .prod_info .prod_price{margin-top:1.125em;}
.mall_view_top .prod_info .info_wrap{font-size:.5em 0; font-size:.9375em;}
.mall_view_top .prod_info .info_wrap .list{padding:0;}
.mall_view_top .prod_info .info_wrap .list .tit{width:5em;}
.mall_view_top .prod_info .op_wrap > li .wrap_in{font-size:.9375em;}
.mall_view_top .prod_info .total_price{margin:1em 0;}
.mall_view_top .prod_info .total_price .tt_price{font-size:1.125em;}

/*.flex_table > li > .tr{position:relative;}
.flex_table > li > .tr > .td.wVol2{position:absolute; top:1em; right:15em;}*/

.flex_table > li > .tr{flex-wrap:wrap; padding-bottom:0; padding-top:0;}
.flex_table > li > .tr > .td.wCheck{border-bottom:2px dashed #dedede;}
.flex_table > li > .tr > .td.wCon{width:100%; flex:auto; border-bottom:1px dashed #dedede;}
.flex_table > li > .tr > .td.wVol2{flex:1 1 33.33%;}
.flex_table > li > .tr > .td.wPrice2{flex:1 1 33.33%;}
.flex_table > li > .tr > .td.wBtn2{flex:1 2 33.33%;}

body.dp2_order2 .flex_table > li > .tr > .td.wCon{width:100%;}

body.dp1_mypage.dp2_orderList .flex_table > li > .tr{flex-wrap:nowrap; padding-bottom:0; padding-top:0;}
body.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wCheck{border-bottom:none;}
body.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wCon{width:calc(100% - 56em); border-bottom:none; flex:1 1 100%;}
body.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wVol2{flex:auto;}
body.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wPrice2{flex:auto;}
body.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wBtn2{flex:auto;}

body.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCheck{border-bottom:none;}
body.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCon{border-bottom:none;}
body.dp1_mypage.dp2_review .flex_table > li > .tr > .td.wCon{border-bottom:none;}
body.dp1_customer.dp2_review .flex_table > li > .tr > .td.wCon{border-bottom:none;}

body.dp1_mypage.dp2_review .imgCon .wrap_img.w1{width:5em;}

body.dp1_mypage.dp2_review .flex_table > li > .tr > .td.wCon{width:100%;}
body.dp1_customer.dp2_review .flex_table > li > .tr > .td.wCon{width:100%;}

body.dp2_cart .board_btn_wrap button{width:8em !important; padding:.5em 1em;}

body.dp2_order .flex_table > li > .tr > .td.wVol{margin-left:auto;}
body.dp2_order2 .flex_table > li > .tr > .td.wVol{margin-left:auto;}
body.dp2_order_fin .flex_table > li > .tr > .td.wVol{margin-left:auto;}

body.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCon{flex:1 1 100%;}

body.dp1_mypage.dp2_orderReturn .flex_table.line.reviewSt.page_sec05 > li{overflow-x:scroll;}
body.dp1_mypage.dp2_orderReturn .flex_table.line.reviewSt.page_sec05 > li > div.flex{width:670px; flex-wrap:nowrap;}

.subscribe_wrap .subscribe_body .subscribe_sel_list{max-width:100%;}

.sub_page_head_img_wrap img{margin-top:0;}
.sub_page_head_img_wrap .img_cover .sub_page_head_title:after,
.sub_page_head_img_wrap .img_cover .sub_page_head_title:before{display:none;}

.sp_brand .brand_ctt_wrap > div .img_wrap{height:250px;}
.sp_brand .brand_ctt_wrap > div .txt_wrap .t3{font-size:1.25em;}

.root_daum_roughmap .wrap_map{height:350px !important;}

.board_search_wrap .left{text-align:left !important;}

body.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap > input:last-of-type{width:4em;}

body.dp1_mypage .prod_list.d1 > li{width:33.33%;}

.reviewSt.flex_table > li > .tr > .td.wBtn{top:1rem;}

.brand_list li {flex: 1 100%;}
.prod_list > li {width: 50%;}

#contents .sub_tab .gnb > li > .dp2 > li{flex:1 1 33.3%;}
#contents .sub_tab .gnb > li.st1 > .dp2 > li .dp3 > li, 
#contents .sub_tab .gnb > li:not(.st1) > .dp2 > li {flex: 1 1 33.3%;}
}

@media screen and (max-width:600px){
#header .top_wrap .search_wrap{margin-left:1em;}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li > .dp1{padding:.5em}
#header .etc_wrap .add_wrap {width: 100%;}
#header .etc_wrap .menu_wrap {display: none;}

#footer .logo_wrap .wrapH{padding:1em 0;}
#footer .logo_wrap .wrapH ul.menu{flex-wrap:wrap; justify-content:flex-start;}
#footer .logo_wrap .wrapH ul.menu li:nth-of-type(1){order:1;}
#footer .logo_wrap .wrapH ul.menu li:nth-of-type(2){order:3;}
#footer .logo_wrap .wrapH ul.menu li:nth-of-type(3){order:4;}
#footer .logo_wrap .wrapH ul.menu li:nth-of-type(4){order:5;}
#footer .logo_wrap .wrapH ul.menu li:nth-of-type(5){order:2; margin-right:calc(100vw - 200px);}
/*#footer .info_wrap .info > li a{display:inline;}*/
#footer .info_wrap .box1 .info{display:flex; flex-wrap:wrap;}

.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div{flex-wrap:wrap;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div .tt{flex:1 1 100%; margin-bottom:.25rem;}

body.dp1_regular .input_sec{width:1em;}

.sub_page_wrap{padding:30px 0;}
.sub_page_wrap .sub_page_title_wrap .title{font-size:2em;}
.sub_page_wrap .sub_page_title_wrap .t1{font-size:1.25em;}
.sub_page_wrap .sub_page_ctt_wrap .btns_wrap{margin-top:2rem;}

.sp_product .sp_product_bg_wrap{height:450px;}
.sp_product .sp_product_ctt_wrap{height:450px;}

.sub_page_body_wrap > div.grt_box{padding:0;}
.sub_page_body_wrap > div.graphic_wrap .box_st{width:45%; padding:15px 0;}

body.dp1_mypage .page_search_wrap .wrap_in{padding:1em;}
body.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap label .input_st.w4{width:10em;}

}

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

#footer .menu_wrap .gnb > li.st1 .dp2 > li,
#footer .menu_wrap .gnb > li:not(.st1) {min-width: 33.3%;}

.main_prod{margin-bottom:2.375rem;}

.main_md_wrap .main_md_in{padding-top:20px;}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash{width:100%; padding-right:0;}

.project_list li {flex: 1 100%;}
.project_list li .in .price_box {gap: 1em;}
.project_list li .in .price_box .price1 {font-size: unset;}
.project_list li .in .price_box .per {font-size: 1.4em;}
.project_list li .in .price_box .price2 {font-size: 1.5em;}

.main_event .review_list li {width: 100%; max-width: 100%;}

.prod_list > li{width:50%;}
.tt_prod.s1{font-size:.9375em;}
.tt_prod{font-size:1.125em;}
.tt_price{font-size:1em;}

.mall_banner_wrap{flex-direction:column; margin-bottom:0 !important;}
.mall_banner_wrap > div{max-width:100%; width:100%;}
.mall_banner_wrap > div:first-of-type{margin-bottom:1rem;}

.mall_view_top{flex-direction:column; padding-bottom:2.5em;}
.mall_view_top .prod_img{width:100%; margin:0 auto;}
.mall_view_top .prod_info{width:100%;}

.tab_st1 > li > a{ font-size:1em;}
.mall_view_con .view_con{padding:2em 0;}

.imgCon{flex-direction:column;}

.reviewSt.flex_table > li > .tr > .td.wBtn{position:static; padding: 1em 0;}
.reviewSt.flex_table > li > .tr{flex-direction:column;}

body.dp1_mypage.dp2_orderList .reviewSt.flex_table > li > .tr{flex-direction:row;}
body.dp1_mypage.dp2_orderReturn .reviewSt.flex_table > li > .tr{flex-direction:row;}

.flex_table > li > .tr > .td.wCon .imgCon{flex-direction:row;}

body.dp2_order .reviewSt.flex_table > li > .tr{flex-direction:row;}
body.dp2_order .reviewSt.flex_table > li > .tr .tt_price{font-size:.875em;}
body.dp2_order2 .reviewSt.flex_table > li > .tr{flex-direction:row;}
body.dp2_order2 .reviewSt.flex_table > li > .tr .tt_price{font-size:.875em;}
body.dp2_order_fin .reviewSt.flex_table > li > .tr{flex-direction:row;}
body.dp2_order_fin .reviewSt.flex_table > li > .tr .tt_price{font-size:.875em;}

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

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

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

table.response .input_sec{width:1.25em;}

.subscribe_wrap .subscribe_head .text_wrap .tt{font-size:2em;}
.subscribe_wrap .subscribe_head .text_wrap .t1{font-size:1.125em;}

.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div label{width:100%; margin-right:0 !important;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div label:not(:first-of-type){margin-top:.25rem;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div .input_st.w4{width:100%;}

.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div input{margin-right:0 !important;}
.subscribe_prod_list > li .subscribe_prod_in .spi_sel_box > div input:not(:first-of-type){margin-top:.25rem;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:240px;}
.sp_contact .btns_wrap{flex-direction:column;}
.sp_contact .btns_wrap .btn_st.st1{width:90%; margin:.5em auto !important;}

.sub_page_body_wrap > div.graphic_wrap{padding-top:0;}
.sub_page_body_wrap > div.graphic_wrap > div{margin-top:2rem !important;}

body.dp1_mypage .page_search_wrap .wrap_in > div:first-of-type .input_wrap{flex-wrap:wrap;}
body.dp1_mypage .page_search_wrap .wrap_in > div:first-of-type .input_wrap .label_st{margin-bottom:.5rem;}
}

@media screen and (max-width:500px){
body{font-size:15px}

#header .top_wrap .wrapH {gap: 1em; height: 8em; justify-content: space-between;}
#header .top_wrap .logo_wrap {width: 100%;}
#header .top_wrap .search_wrap {margin-left: unset;}
#header .all_wrap .all_layer .all_close .all_btn {right: 3%;}
#header .all_wrap .all_layer .all_close .all_btn .ham:before,
#header .all_wrap .all_layer .all_close .all_btn .ham:after {background: #333;}
#header .all_wrap .all_layer .all_inner {width: 100%;}

#footer .logo_wrap .logo img {height: 2em;}
#footer .menu_wrap .gnb {gap: 1em;}
#footer .menu_wrap .gnb > li.st1 {width: 66%;}
#footer .menu_wrap .gnb > li.st1 .dp2 {gap: 1em;}
#footer .menu_wrap .gnb > li.st1 .dp2 > li > a .va,
#footer .menu_wrap .gnb > li:not(.st1) .dp1 .va {font-size: 0.86em;}
#footer .menu_wrap .gnb > li.st1 .dp3 > li > a .va,
#footer .menu_wrap .gnb > li:not(.st1) .dp2 > li > a .va {font-size: 0.75em;}
#footer .cs_wrap .call .xi {font-size: 0.9em;}
#footer .cs_wrap .call .no {font-size: 1.125em;}

#contents .sub_tab .gnb > li > .dp2 > li{flex:1 1 25%;}

#contents .sub_tab .gnb > li.st1 > .dp2 > li .dp3 > li > a, 
#contents .sub_tab .gnb > li:not(.st1) > .dp2 > li > a {height: 3.5em;}
#contents .sub_tab .gnb > li.st1 > .dp2 > li > .dp3 > li > a .va,
#contents .sub_tab .gnb > li:not(.st1) > .dp2 > li > a .va {font-size: 1em;}
#contents .sub_tabS .gnb > li.st1 .dp4 > li > a
#contents .sub_tabS .gnb > li:not(.st1) .dp3 > li > a {padding: 0.5em 1em;}
#contents .sub_tabS .gnb > li.st1 .dp4 > li > a .va,
#contents .sub_tabS .gnb > li:not(.st1) .dp3 > li > a .va {font-size: 1.2em;}

.mainVisualWrap .paging > span {width: 0.5em; height: 0.5em;}
.mainVisualWrap .btn .xi {font-size: 2em;}

.main_tit .t1 {font-size: 1.8em;}
.main_tit .t3 {font-size: 2em;}

.main_prod .prod_list_wrap .prod_cover{width:49%;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(3n){margin-right:auto;}
.main_prod .prod_list_wrap .prod_cover:nth-of-type(2n){margin-right:0;}

.main_best .prod_list2 li {flex: 1 100%;}

.keyword_list {gap: 0.5em;}
.keyword_list li .in {font-size: 0.86em;}

.main_arrival .right_box .t2 {font-size: 1.8em;}
.banner_wrap .left .t1 {font-size: 2em;}

.tab_st1.c2 > li > a{text-align:center;}

body.dp2_order .payType_table .label_st:not(.cssbrowser) .con.w1{width:4em; height:2em;}
body.dp2_order .payType_table .input_sec{width:1em;}
body.dp1_regular .payType_table .input_wrap{text-align:center;}
body.dp1_regular .payType_table .label_st:not(.cssbrowser) .con.w1{width:4em; height:2em;}
body.dp1_regular .payType_table .input_sec{width:1em;}

.subscribe_wrap .subscribe_head .text_wrap{margin-top:0; max-width:100%; padding:1em;}
.subscribe_wrap .subscribe_head .text_wrap .tt{font-size:1.75em;}

.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .icon_wrap{width:50px; height:50px; font-size:1.5em; margin-right:.5rem;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .icon_wrap img{transform:scale(.7);}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st .gram_txt{width:calc(calc(100% - 50px) - .5rem);}

.sub_page_head_img_wrap .img_cover .sub_page_head_title{font-size:1.5em;}

.sp_brand .brand_ctt_wrap > div{flex-direction:column;}
.sp_brand .brand_ctt_wrap > div.brand_ctt_r{flex-direction:column;}
.sp_brand .brand_ctt_wrap > div .img_wrap{width:100%;}
.sp_brand .brand_ctt_wrap > div .txt_wrap{width:100%; margin-top:1rem;}

body.dp1_mypage #contents .sub_tab .gnb > li > .dp2 > li{flex:1 1 33.33%;}
body.dp1_mypage .prod_list.d1 > li{width:50%;}

.main_md_wrap .main_md_in .main_md_list_wrap .main_md_prod_slide_wrap .slides .el .md_prod_name{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pd_category_wrap.main_prod ~ .main_mid_banner_wrap{left:-150px;}
.pd_category_wrap.main_prod ~ .main_mid_banner_wrap .img{background-size:cover;}

.board_photo > li{ flex: 1 1 100%;}

.tt_prod {font-size: 0.96em;}
.mall_view_top .prod_info .buy_btn_wrap .btn {font-size: 1.05em; height: 3em;}
.input_st.s1 {height: 3em; padding: .5em 1em; font-size: 1.05em;}

.board_st.write th {font-size: 0.86em;}
.board_st2 td {font-size: 0.96em;}
.input_sec {width: 1em;}
}

@media screen and (max-width:420px){
#header .top_wrap .logo_wrap{flex-direction:column;}
#header .top_wrap .icon_wrap{bottom:-4rem;}
#header .top_wrap .icon_wrap .icon > li:first-of-type > a{padding-left:0;}
#header .etc_wrap .menu_wrap{bottom:-10rem;}
#header .etc_wrap .menu_wrap .menu > li:last-of-type > a{padding-right:0;}

#header .nav_wrap .cate_wrap .all_wrap .allBtn{padding-left:0; padding-top:0;}
#header .etc_wrap .menu_wrap{right:1em;}
#header .nav_wrap .menu_wrap{right:0; top:-1.25rem;}
#header .nav_wrap .cate_wrap{margin-top:-2.25rem;}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li{flex:auto;}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li > .dp1{font-size:1em; padding:.25em;}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li:first-of-type > .dp1{padding-left:0;}
#header .nav_wrap .cate_wrap .mall_wrap .gnb > li:last-of-type > .dp1{padding-right:0;}

.main_prod .main_prod_title{font-size:1.75em;}

.main_mid_banner_wrap{height:200px; left:-150px;}

.main_brand_wrap .brand_link_wrap .brand_link{height:200px;}

.mall_view_top .prod_img{width:100%;}
.zoomThumbWrap{margin:.75em 0;}

.mall_view_con .view_con.viewInfo table colgroup col:not(:last-of-type){width:3em !important;}

.flex_table > li > .tr{padding:0;}
.flex_table > li > .tr > .td.wCheck{width:100%;}

body.dp2_order_fin .flex_table > li > .tr > .td.wPrice{width:8em;}

.subscribe_wrap .subscribe_head .img_wrap{height:200px;}

.board_search_wrap button{min-width:32.3%; padding:0;}
.board_search_wrap .right .input_st[type=text]{width:10em;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:200px;}

.root_daum_roughmap .wrap_map{height:280px !important;}

.fin_wrap.w1{padding:1em;}

.mainVisualWrap .mV_button_wrap{margin-left:calc(-50vw + 58px);}
.mainVisualWrap .mV_button_wrap .btn_prev,
.mainVisualWrap .mV_button_wrap .btn_next{width:28px; height:28px;}
.mainVisualWrap .mV_button_wrap .mV_pagination{width:60px; height:28px;}

.main_cate_tab_wrap{margin-bottom:20px;}
.main_cate_tab_wrap .main_cate_tab{height:40px; font-size:1.125em; padding:0 20px; margin-right:6px;}

.pc_hide{display:block;}
#header .nav_wrap{display:none;}

.prod_list > li {width: 100%;}
.tab_st1 > li > a {font-size: 0.8em;}
.input_sec.w1 {width: .3em;}
body.dp1_mypage .page_search_wrap .wrap_in > div .input_wrap .label_st .con {font-size: 0.7em;}
body.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap label .input_st.w4 {width: 7.5em;}
}

@media screen and (max-width:414px) and (min-width:385px){
#header .top_wrap .logo_wrap{flex-direction:row;}
#header .top_wrap .logo > a .in img{height:2.125em;}
#header .top_wrap .search_wrap{margin-top:0; margin-left:.5rem;}

.main_md_wrap .main_md_in .main_md_list_wrap{margin-top:calc(-2.5rem - 16px);}
.main_md_wrap .main_md_in .main_md_list_wrap .main_md_hash{font-size:1.0375em; align-items:center;}
}

@media screen and (max-width:384px){
#header .nav_wrap .cate_wrap .all_wrap .allBtn{font-size:.9375em;}

#footer .logo_wrap .logo img{height:2.5em;}
#footer .logo_wrap .menu > li > a{padding:.25em .5em;}

body.dp2_order .flex_table > li > .tr > .td.wPrice{width:8em;}
body.dp2_order2 .flex_table > li > .tr > .td.wPrice{width:8em;}

body.dp2_order_fin .board_btn_wrap .input_st{padding:.5em;}

.sp_product .sp_product_bg_wrap{height:480px;}
.sp_product .sp_product_ctt_wrap{height:480px;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st li{width:100%;}
.sp_product .sp_product_ctt_wrap .box2 .sp_product_in_wrap .gram_st li:not(:nth-last-of-type(-n+2)){margin-bottom:0;}

.sub_page_body_wrap > div.graphic_wrap > div{flex-direction:column;}
.sub_page_body_wrap > div.graphic_wrap .box_st{width:100%;}
}

@media screen and (max-width:360px){
table.response .input_sec ~ input.input_st.w2[type=text]{width:5em !important;}

.about_index_wrap .sub_page_bg_wrap .img_wrap{height:160px;}
}

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

}

@media all and (orientation:landscape){

}