@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){

}
@media screen and (max-width:1420px){
#banner_top{display: none;}
body{ font-size:15px}
body{ }
.box1{}
.PC{ display:none !important}
.PHONE{ display:block !important}
.header_PC { display:none !important;}

body.mobile .#header .home_wrap .etc_wrap .mem > li.m_bookmark{ display:none}

#header .banner_top .box1{width:auto; max-width:none;}
#header .banner_top .in{display:flex; justify-content:center; width:2000px; left:50%; top:0; margin-left:-1000px;}
#header .banner_top .btn{ left:auto; right:0; bottom:0; /*border:1px solid #eee;*/ border-top:none; border-bottom:none}
#header .banner_top .btn .tt::before{ content:"팝업닫기"}
#header .home_wrap .etc_wrap{ margin-right:5em}

#header .sub_wrap .member_wrap.PHONE{ display:flex !important}
#header .top_wrap .search .btn { width:4em;}

/*#quick .quickBtn{ left:0}*/
.mainCsBtn{ left:.5em; bottom:.5em}
.main_recom .list_prod_wrap .list_prod .prod .in .con_wrap {padding:1.5em;}

/*소개*/
.sub_page_top_wrap .text_wrap{width:100%;}
.greetings .grt_tit{margin-top:2rem;}

.l-nav .gnb{flex-direction:column;}

}
@media screen and (max-width:1280px){
#banner_top{display: none;}
body{ font-size:13px}
#header .menu_wrap .cate_wrap{}

.main_banner .inner .slick-dots{margin-top:2em; margin-left:2em;}
.main_banner .inner .slick-dots ul{display:flex; justify-content:center;}
.main_banner .inner .slick-dots ul li{margin:0 .375em; width:13px; height:13px; background:#343b4d; border-radius:6.5px; transition:.2s}
.main_banner .inner .slick-dots ul li.slick-active{width:2.5em;}
.main_banner .inner .slick-dots ul li button{outline:none; border:none; font-size:0;}

.main_recom .list_prod_wrap .list_prod .prod .in .img_wrap {padding:1em;}
.main_recom .list_prod_wrap .list_prod .prod .in .con_wrap {padding:1em;}

#quick_2 {width:168px; height:126px;}
#quick_2.st2 {width:168px; height:126px;}
#quick_2 .quick_wrap .quick_tit {font-size:1.2rem;}

.sub_page_ctt_box .introduce_wrap1 .introduce_in{flex-direction:column; height:100%;}
.sub_page_ctt_box .introduce_wrap1 .introduce_in.n1{flex-direction:column-reverse;}
.sub_page_ctt_box .introduce_wrap1 .introduce_in .text_wrap1{text-align:left;}

.sub_page_ctt_box .instruction_wrap .instruction_in .icon_wrap{}
.sub_page_ctt_box .instruction_wrap .instruction_in .icon_wrap img{width:200px;}

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

.di_wrap > li{ font-size:.938rem}

.step_process .line.line1{display:none;}
.sub_page_ctt_box{margin-bottom:3.5rem;}
}
@media screen and (max-width:1140px){

.di_wrap > li{ font-size:.875rem}

#header .top_wrap .logo{ float:left}
#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; margin-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 > .flex{ justify-content:flex-start}
#header .menu_wrap .menu .gnb > li .dp1{ padding:0 1em}
/*#header .menu_wrap .gnb_wrap{ display:none}*/
/*#header .menu_wrap .icon_wrap{ margin-left:auto; margin-right:17em}*/
/*#header .top_wrap .etc{ position:absolute; right:3%; bottom:-5em; width:15em}*/

#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;}

#header .menu_wrap .cateAll_wrap .wrapBtn{padding:0 .5em;}
#header .top_wrap .ico_menu{margin-left:.5em;}
/*#header .top_wrap .search{margin:0 .5em;}*/

#header .home_wrap .etc_wrap{ margin-right:4em}
#header .home_wrap .etc_wrap .cart{ display:none}
#header .home_wrap .etc_wrap .mem{ position:absolute; bottom:-4.25em; 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; border:none; bottom: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 .top_wrap .va_wrap{ height:5em}*/
#header .top_wrap .banner_wrap{ display:none}
#header .menu_wrap .icon_wrap{display:none;}
#header .cate_wrap .arrow{ display:none}

#header .menu_wrap .menu{ float:left}
#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}

.main_tab .tab > li .in{min-width:8em;}

/*#quick{ display:none}*/

.bgMoveWrap .bgMove{ display:none}

.main_wide_wrap { height:25.25em;}

.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}
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item{ height:25em}

/*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;}
.sub_page_ctt_box .certification_wrap{flex-wrap:wrap;}
.sub_page_ctt_box .certification_wrap .certification_in{width:29%;}

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

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

/**/
.sub_page_top_wrap .text_wrap .tt br{display:none;}

.direction_wrap{flex-direction:column;}
.direction_wrap .di_f{width:100%;}
.direction_wrap .di_f .direction_icon{width:25px; height:25px;}
.direction_wrap .di_b{width:100%;}

.main_recom .list_prod_wrap .list_prod .prod{flex-wrap:wrap;}
.main_recom .list_prod_wrap .list_prod .prod .el{width:31.33%; margin-right:0; margin-bottom:1em;}

#footer .cs_wrap .list{flex-wrap:wrap;}
#footer .cs_wrap .list li{flex:1 1 50%;}
#footer .cs_wrap .list li.grow{flex:1 1 100%;}
#footer .cs_wrap .list li:last-of-type{margin-left:auto; order:-1; flex:1 1 100%; text-align:left;}

#quick_2{width:150px;}
#quick_2.st2{width:150px;}
}

@media screen and (max-width:1024px){
.pcHide {display: block !important;}

#banner_top{display: none;}
.sub_page_ctt_box .intro_wrap .txt_wrap .t1 br{display:none;}
.step_process{display:flex; flex-wrap:wrap; justify-content:space-between}	
.step_process > li{width:50%; margin-bottom:15px;}
.list_prod_wrap.st1 .list_prod .prod .el{width:33.33%;}
.main_newB .newB_wrap{flex-wrap:wrap;}
.main_newB .newB_wrap > li{flex:1 1 31.33%; max-width:31.33%; margin-right:0; margin-bottom:2.25em;}

#footer .copy_wrap .box1.flexN{flex-direction:column;}
#footer .copy_wrap .info_wrap{margin-left:0; margin-top:1.5em;}
#footer .copy_wrap .info > li{float:none; display:block;}

/* .mainVisual_nav2 .inner {padding-left:5.5em;}
.mainVisual_nav2 .box1 {width:100%!important;}
.mainVisual_nav2 .caption .item .in {padding:0 0.5em;}
.mainVisual_nav2 .caption .item .in .tt {font-size:.7em; word-break:break-all}
.mainVisual_nav2 .caption .item {width:16%!important;}
 *//* #header .top_wrap .etc_menu{display:none;} */
#header .top_wrap .ico_menu{display:none;}

#header .top_wrap .cateAll_wrap.mobile .wrapBtn {display:block;}

.pc_hide{ display:block}

#header .menu_wrap .cateAll_wrap{}
/* #header .menu_wrap {display:none;} */
.menu_wrap .cate_wrap .gnb {flex-wrap: nowrap!important;}
.menu_wrap .cate_wrap .gnb > li { flex:none!important;}
#header .menu_wrap {overflow-x: scroll;}
#header .menu_wrap {scrollbar-width: none; -ms-overflow-style:none;}
#header .menu_wrap::-webkit-scrollbar {display:none;}
#header .menu_wrap {overflow-y: hidden;}
#header .menu_wrap .cate_wrap .gnb > li .dp2 {display:none;}
.mainVisual_nav .caption .item {}
#header .top_wrap .gnb_wrap { display:none;}
#header .top_wrap .wrapBox {justify-content: space-between;}

.main_con1 .inquiry_wrap{flex-wrap:wrap;}
.main_con1 .inquiry_wrap .inquiry_left{width:100%;}
.main_con1 .inquiry_wrap .inquiry_right{width:100%; margin-left:0; margin-top:2em;}

#quick{display:none;}
#quick_new { bottom:5.5em;}
#quick_recon {display:none;}

/*모바일퀵*/
.mQuick{ display:block; position:fixed; z-index:1002; 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:auto; flex:1;}
.mQuick ul > li > a{ color:#fff; padding:.8em 0; border-right:1px solid #bbb;}
.mQuick ul > li:last-of-type > a{border-right:none;}
.mQuick ul > li > a .xi{ display:block; font-size:1.500em;}
.mQuick ul > li > a .tt{ display:block; font-size:.750em;}

#quick_2 {bottom:234px;}
#quick_2.st2 {bottom: 73px;}

.mainVisual_wrap{background:#fff;}

#header .sTop_wrap {display:none;}

#header .menu_wrap {font-size:1.25em; padding:.7em 0;}
#header .menu_wrap .cateAll_wrap {display:none;}
#header .menu_wrap .wrapH {height:auto;}
/* #header .menu_wrap .cate_wrap .gnb > li:nth-child(n+5) {margin-top:0.3em;} */
.menu_wrap .cate_wrap .gnb {flex-wrap:wrap;}
#header .menu_wrap .cate_wrap .gnb > li {flex:1 1 19%;}
#header .menu_wrap .cate_wrap .gnb > li ul {display:none;} 
#header .menu_wrap .cate_wrap .gnb > li > .dp1 {padding:.5em 1.5em;}
/* #header .menu_wrap .cate_wrap .gnb  li {border-right:1px solid #ddd; } */
#header .menu_wrap .cate_wrap .gnb > li:before {content:''; width:1px; height:1em; position:absolute; right:0; background:#ddd; top:50%; transform:translateY(-50%);}
#header .menu_wrap .box1 {width:100%; max-width:100%;}
#header .menu_wrap .cate_wrap {margin:0;}
.top_wrap .cateAll_wrap {display:none;}
#header .top_wrap .search .inp {width:100%!important;}
#header .top_wrap .wrapL {flex:1 1 70%;}
#header .top_wrap .wrapL .etc_menu {font-size:.9em;}
#header .top_wrap .wrapR {flex:1 1 30%;}
/* #header .top_wrap .wrapR .search {width:100%;} */
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item {height:20em;}
.mainVisual_nav{ position:absolute; left:6%; right:0; bottom:10%;}

#header .top_wrap .ico_wrap .list { display:none;}


.mainVisual_nav2{ position:absolute; left:6%; right:0; bottom:10%; /* border-bottom:1px solid #3d53f6; */ border:none; background:transparent;}
.mainVisual_nav2 .box1{ max-width:100%;}
.mainVisual_nav2 .arrow_wrap {display:none;}
.mainVisual_nav2 .va_wrap{ width:1.25em; height:1.25em; border-radius:50%; /* background:#f5f5f5; */}
.mainVisual_nav2 .inner{ position:relative; margin-left:0; background:transparent; padding-left:0;}
.mainVisual_nav2 .inner:before{display:none;}
.mainVisual_nav2 .inner:after {display:none;}
.mainVisual_nav2 .caption{ z-index:2;}



.mainVisual_nav2 .caption .slick-list .slick-track div {width:50px!important;}
.mainVisual_nav2 .caption:after{ content:""; display:block; clear:both;}
.mainVisual_nav2 .caption .item{ float:left; width:20%;}
.mainVisual_nav2 .caption .item .tt {display:none;}
.mainVisual_nav2 .caption .item .in:after {display:none;}
.mainVisual_nav2 .caption .item .in {padding:0;}
/*.mainVisual_nav .caption .item .in{ position:relative; padding:0 .5em; border-right:1px solid #eee; color:#222;}
.mainVisual_nav .caption .item .in:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:0; width:0; height:4px; background:#2e629c; opacity:0; transition:.3s;}*/
.mainVisual_nav2 .caption .item .in .tt{color:#333; font-weight:500; font-family:'score'}
.mainVisual_nav2 .caption .item a {background:#888;}
.mainVisual_nav2 .caption .item:hover .in{/*   background:#3d53f6; */ transition:.2s;}
.mainVisual_nav2 .caption .item:hover .in .tt {color:#fff;}
.mainVisual_nav2 .caption .item.slick-current .in{ color:#fff; background:orange;}
.mainVisual_nav2 .caption .item.slick-current .in .tt {color:#fff;}
/*.mainVisual_nav .caption .item.slick-current .in:after{ margin-left:-50%; width:100%; opacity:1;}*/


/* .mainVisual_nav .btn{ position:absolute; top:0; right:0; width:2.813em; background:#ededed; cursor:pointer; display:none;}
.mainVisual_nav .btn .xi{ font-size:1.500em; color:#555;}
 */


/* banner slide */
.main_wide_wrap{ /*background:#e9f2fb;*/ height:20.25em}
.mainVisual_wrap{/*  background:#f5f5f5; */}
.mainVisual_wrap,
.mainVisual .slick-track,
.mainVisual .item{ position:relative; height:22em; overflow:hidden; width:100%;}
.mainVisual .item .img{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.mainVisual .item .link{ position:relative; display:block; height:100%; max-width:100%}
.mainVisual_wrap .slick-dots{ position:absolute; bottom:2em; left:0; width:100%; text-align:center;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 .375em;}
.mainVisual_wrap .slick-dots > ul > li button{ width:.813em; height:.813em; background:#fff; border:none; border-radius:50%; text-indent:-9999px; transition:.2s;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button{ width:2.5em; border-radius:3em;}
.mainVisual_wrap .main_arrow_wrap{ position:absolute; top:50%; left:0; right:0;}
.mainVisual_wrap .main_arrow_wrap li{ position:absolute; top:0; transform:translateY(-50%);}
.mainVisual_wrap .main_arrow_wrap li.prev{ left:-7em;}
.mainVisual_wrap .main_arrow_wrap li.next{ right:-7em;}

.main_link .list > li { width: calc(20% - 1.35em);}
.list_prod_wrap .list_prod .prod:not(.swiper-wrapper) .el { width: calc(25% - 1.6666em);}

}

@media screen and (max-width:920px){
/* .mainVisual_nav .caption .slick-track{width:100%!Important; display:flex;}
.mainVisual_nav .caption .item{width:auto!Important; flex:1;} */

.main_con1 {padding: 0em 0 3em;}


/*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;}

.sub_page_ctt_box .intro_wrap.st1{flex-direction:column;}
.sub_page_ctt_box .intro_wrap.st2{flex-direction:column-reverse;}
.sub_page_ctt_box .intro_wrap .img_box{margin-bottom:1em;}
.sub_page_ctt_box .intro_wrap .txt_wrap{width:100%;}

.sub_page_ctt_box .instruction_wrap .instruction_in .icon_wrap img{width:180px;}


/*#header .top_wrap .menu{ padding-right:5em}*/
#header .top_wrap .etc .search_wrap{width:13.25em;}
#header .menu_wrap .fl_wrap{flex-wrap:wrap;}
#header .menu_wrap .fl_wrap .menu{margin-left:0;}
#header .menu_wrap .menu > li:first-of-type > a{padding-left:0;}
#header .menu_wrap .all{display:none;}
#header .menu_wrap .gnb_wrap .gnb{justify-content:space-between;}
#header .top_wrap .logo img{height:2em;}

.sub_page_ctt_box .instruction_wrap .instruction_in{flex-direction:column; align-items:flex-start;}
.sub_page_ctt_box .instruction_wrap .instruction_in .icon_wrap img{width:100%;}
.sub_page_ctt_box .instruction_wrap .instruction_in .text_wrap{margin-top:1em; margin-left:0;}

.sub_page_ctt_box .intro_wrap .img_box{width:100%;}

}

@media screen and (max-width:860px){
body{ font-size:13px}
.di_wrap > li{ font-size:.813rem}


#header .menu_wrap .menu > li:first-of-type > a{padding-left:1em;}

#header .banner_top.on .btn{ display:none}

#header .top_wrap{ background:none; padding-top:0}
#header .top_wrap > .box1{ display:flex; align-items:center}
#header .top_wrap .logo{ align-items:center}
#header .top_wrap .logo img{ height:2.5em; width:auto !important}
#header .top_wrap .menu{ padding-right:0; margin-top:0}
#header .top_wrap .menu > li:not(.go_hancom){ display:none}
#header .top_wrap .menu > li.go_hancom .in{ width:auto}
#header .menu_wrap .box1{ width:100%; max-width:100%}
#header .menu_wrap .etc .icon_menu{ position:absolute; right:8px; top:-3.3em;}
#header .menu_wrap .etc .icon_menu li:nth-child(1){ display:none}
#header .menu_wrap .etc{ float:none; background:#f9f9f9}
#header .menu_wrap .etc.va_wrap{ height:3.5em}
#header .menu_wrap .etc .search_wrap.active .detail_box{ left:-1em}
#header .top_wrap .in{ width:13em}
#header .top_wrap .logo{ width:13em;}
#header .top_wrap .logo img{ width:13em;}
#header .menu_wrap .va_wrap{ height:3em}
#header .menu_wrap .icon_wrap{ margin-left:auto; margin-right:0}
#header .top_wrap .etc{ position:static; height:3em; margin:0 auto 0 auto}
#header .top_wrap .etc .search_wrap{ width:23.25em; max-width:33vw;}
#header .top_wrap .menu{min-width:126px;}

#header .menu_wrap .fl_wrap .all{ display:none}
#header .all_btn{ position:absolute; top:2em; left:0; width:60px; z-index:1}
#header .all_btn .ham{ position:relative; display:block; margin:0 auto; width:20px !important; left:-8px;}
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { width:25px; height:2px; background:#111; transition:.2s;}
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; left:0;}
#header .all_btn .ham:before{ top:-8px;}
#header .all_btn .ham:after { bottom:-8px;}
#header .all_btn:hover .ham{ left:0; width:25px !important;}


.main_banner{ padding:1em 0 !important}
.main_banner .inner{ margin-left:-1em}
.main_banner .inner .link{ margin-left:1em}
.main_banner .resize{ padding-bottom:100%}
.main_banner .inner .link .con_wrap{ padding-top:1.75em;}
.main_banner .inner .link .con_wrap > dt{ /*font-size:1.250em*/}

/* .mainVisual_nav .box1 { width:100%;} */


.main_con{ padding:2em 0}
.main_tit .tt{ font-size:1.750em}
.main_wide_wrap { height:22.25em;}

.list_prod_wrap .list_prod .resize{ padding-bottom:88%}
.list_prod_wrap .list_prod .prod .in .con_wrap{ font-size:.875rem}
.list_prod_wrap .list_prod .prod .in .best_num{ width:2.8em; height:2.8em; line-height:2.8em}
.list_prod_wrap .list_prod .prod .in .best_num .no{ font-size:1.250em}
.main_new .in_wrap .tit_wrap .con{ font-size:.750rem}
.main_new .tit_wrap .txt.t2{ font-size:1.570em}
.main_new .tit_wrap .txt.t1{ font-size:1.750em}
.main_new .main_arrow_wrap{ font-size:.7rem}

.main_new .tit_wrap .txt.t1{ padding:0}
.main_new .in_wrap{ flex-wrap:wrap}
.main_new .in_wrap .inner{ max-width:100%; flex:1 0 100%; min-height:20.75em; padding:3em 0}
.list_prod_wrap.slide.st2 .list_prod .resize{ padding-bottom:100%}
.main_event_slide .main_arrow_wrap{ display:none}
.main_tab .tab > li .in{ padding:0 1.5em; min-width:auto; margin-bottom:.23em}

#footer .menu_wrap .sns_menu{ display:none}
#footer .info_wrap .etc:before{ display:none;}
#footer .info_wrap .etc .inner{ padding-left:0}
#footer .cs_wrap .cs_box.st3{ display:none}
#footer .cs_wrap .cs_box.st1,
#footer .cs_wrap .cs_box.st2{ width:50%}
#footer .cs_wrap{ padding:1em 0}
.main_customer .customer_wrap .inner{ width:100%;}
.main_customer .cs .cs_wrap .tt{}
.main_customer .cs .cs_wrap .txt .tt:before{ display:none}
.main_customer .cs{ padding:1em; background:#f9f9f9}

/**/
#contents .doc{ padding:2em 0 0; min-height:inherit;}
#contents .sub_top_wrap .sub_visual .t2{ font-size:1.570em}
#contents .sub_top_wrap .sub_gnb .box1{ width:100%; max-width:100%}
#contents .sub_top_wrap .sub_visual{ padding:1.5em 0}


/*header*/
#header .menu_wrap .menu{ float:left}

/*board*/
.input_st.w3{ width:18.25em}
.board_search_wrap{ font-size:.750rem; display:flex; flex-direction:column-reverse;}

.board_search_wrap .left{ padding-bottom:.3em; margin-top:1em; text-align:right;}
.board_search_wrap .left,
.board_search_wrap .right{ float:none; width:100%;}
.board_search_wrap .input_st[type=text]{ width:14em}
.board_view_top, .board_view_middle, .board_view_bottom{ font-size:.750rem}
.board_st.view{ font-size:.750rem}
.board_st{ font-size:.750rem}
.w_no{ width:2.5em}
.w_name{ width:3.5em}
.w_date{ width:7em}
.w_hit{ width:5em}
.w_img{ width:7em}
.w_star{ width:6em}
.w_btn{ width:4em}
.w_prod{ width:15em}
.w_state{ width:3em}
.w_price{ width:8em}
.w_check{ width:2em}
.w_btn2{ width:4em}
.w_order_num{ width:6em}
.w_vol{ width:6em}
.w_point{ width:5em}
.input_st.s1{ font-size:.875em}
.input_st.w5{}
.dp2_order .w_prod{ width:7em}
.dp2_order .w_price{ width:5em}
.dp2_order .w_date{ width:4em}
.board_search_wrap .search_cate{ overflow-x:scroll}
/*.search_cate .input_st.s3{ min-width:10em}*/
.board_search_wrap .search_cate.left{ padding-bottom:.3em}
.board_search_wrap .search_cate.left button{ flex:1 0 5em}
.board_search_wrap .search_cate button{ flex:1 0 auto}
.board_st th, .board_st td{ padding:.5em}
input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st{ min-width:3.5em}
.table_st th, .table_st td{ height:1.5em}
.my_search_wrap{ font-size:.750rem;}
.my_search_wrap > em{ display:block; margin:.3em 0}
.my_search_wrap input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st{}
.input_sec{ display:inline-block}
.input_st.s2{ height:2.8em;}
.board_st.faq .BScon .w_tit{ padding-top:1em}
.shopping .w_price{ width:5em}
.shopping .w_prod{ width:6em}
.shopping .table_st.noline .label_st.ml30{ margin-left:20px !important}


.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.scroll{ position:unset !important; bottom:0; top:unset !important}
.fixWrap .fixIn{ position:unset !important; margin-top:1em}
.fixWrap .fixIn .fixObj.bottom{ position:unset !important; top:unset !important}




/**/
.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:6px 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}


/*제품페이지*/
.list_prod_wrap .wrap_top .wrap_tab > li{ width: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}


/*회원가입*/
.tbox .t0{ font-size:1.375em}
.tbox .t2{ font-size:.875em}
.join_type > li .in .tit{ font-size:1.375em}
.w_form_tit{ width:8em}
.login_wrap .login .link_wrap > li > a{ padding:0 .5em}


.main_top .wrap_sec .con1{ left:auto; right:0; width:37%; z-index:1; height:auto}
.main_top .wrap_sec .con2{ padding:0; margin:0; width:61%}
.main_top .wrap_sec .con3{ position:relative; width:100%; padding-right:39%; 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:48%}
.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:.625em}
.main_top .shop_list_best .list > li > a{ line-height:2em}
.main_top .banner_link{ width:37%; left:auto; right:0}
.mall_view_top .mall_view_btn > li .btn{ font-size:.875em}



.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item{ height:22em}

.main_tit_banner{ overflow:hidden; padding:1em 0 .5em 0}
.main_tit_banner .banner{ position: relative; top:0}
.main_tit_banner .banner.left{ float:left; width:49.5%}
.main_tit_banner .banner.right{ float:right; width:49.5%; margin-bottom:.5em}
.main_tit_banner .main_tit{ clear:both; padding-top:3em; margin:0; width:100%}

.main_middle .wrap_sec .con2{ width:100%; margin:0}
.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:.5em .5% 1em .5%}
.mainMiddleBanner::before,
.mainMiddleBanner::after{ border:none}
.mainMiddleBanner .in .resize{ padding-top:0}

.main_etc_wrap .wrap1,
.main_etc_wrap .wrap2{ width:100%}

.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}

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

.mainPartners .el{ width:25%}

#footer .cs_wrap{ text-align:left;}
#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:0; 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}

.st3.list_prod_wrap .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}

.table_wrap{ overflow-x:auto}
.table_wrap > table{ width:1200px}

.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}
.topBtn_sm{display:none;}

.board_photo > li{width:33.33%;}

.sub_page_ctt_box .introduce_wrap1 .introduce_in .text_wrap{margin-bottom:1rem;}
.sub_page_ctt_box .introduce_wrap{flex-direction:column; height:100%;}
.sub_page_ctt_box .introduce_wrap .flex.col.space img{margin-bottom:1em;}
.sub_page_ctt_box .introduce_wrap .flex.col.space img:last-of-type{margin-bottom:0;}

#footer .info_wrap{padding-bottom:7em;}
.w_star{ width:7em}

}

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

.main_promotion .wrapBox { display: block;}
.main_promotion .wrap_tit { margin:0 auto; text-align:center;}
.list_prod_wrap .list_prod.mainPromotionSlide .prod .in { display:block;}
.list_prod_wrap .list_prod.mainPromotionSlide .prod .in .img_wrap { margin:0 auto;}
.list_prod_wrap .list_prod.mainPromotionSlide .prod .in .con_wrap { text-align:center; margin-top:2em;}
.main_promotion .control {gap: 0 40em; right: 12%; bottom: 62%; z-index:10;}

}

@media screen and (max-width:768px){
#banner_top{display: none;}
.list_prod_wrap.st1 .list_prod .prod .el{width:50%;}
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item {height:18em;}

#footer .cs_wrap .list li{flex:1 1 100%;}
#footer .cs_wrap{text-align:left;}
#footer .info_wrap{padding-bottom:2em;}

#quick_2{width:90px; height:90px; right:1em;}
#quick_2 .quick_wrap .quick_tit{font-size:1em; margin-bottom:.5rem;}
#quick_2 .quick_icon {width:40px; height:40px; line-height:40px;}
#quick_2.st2 .quick_icon {width:40px; height:40px; line-height:40px;}
#quick_2 .quick_icon i {font-size:1.25rem;}
#quick_2.st2 .quick_icon i {font-size:1.25rem;}
#quick_2.st2{width:90px; height:90px; bottom:85px; right:1em;}
#quick_2.st2 .quick_wrap .quick_tit{font-size:1em; margin-bottom:.5rem;}
#quick_2 .quick_wrap .kakao_btn {width:100%; height:35px; line-height:35px;}
#quick_2.st2 .quick_wrap .call_btn {width:100%; height:35px; line-height:35px;}

main_wide_wrap { height:22.25em;}

#header .menu_wrap .cate_wrap .gnb > li > .dp1 {padding:0.5em 1em;}
.mall_view_option > li .tit {width: 35%; }
.mall_view_option > li .vol {width: 32%;}
.mall_view_option > li .price {width: 24%;}
.mall_view_option > li .del {width: 5%;}

.main_promotion .control {gap: 0 36em; right: 13%;}

}

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

.main_promotion .control {gap: 0 36em; right: 11%;}

}

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

.main_promotion .control {gap: 0 33em; right: 11%;}

.list_prod_wrap .list_prod .prod:not(.swiper-wrapper) .el {width: calc(33.3% - 1.6666em);}

}

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

.pc_hide{ display:block} /*모바일퀵*/

.m_response{ visibility:visible; display:table-row} /*회원가입테이블*/
.p_response{ display:none} 

#header .menu_wrap .menu{ padding:0; float:none}
#header .menu_wrap .menu li{ }
#header .menu_wrap .menu .gnb{ display:block}
#header .menu_wrap .menu .gnb > li{ width:25%}
#header .menu_wrap .menu .gnb > li .dp1{ height:2em}
#header .menu_wrap .etc .search_wrap{ float:none}
.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 .btn{margin-right:10px;}
/*#header .banner_top .btn .xi{ font-size:1.5em}*/
#header .banner_top .twrap .t1{ font-size:1.5em}
#header .banner_top img{margin-left:200px;}
#header .banner_top .top_banner{left:50%; transform:translate(-50%,-31%);}
#header .banner_top .top_banner strong{display:block;}
#header .menu_wrap .menu{ margin-left:0}
#header .menu_wrap .menu > li > a{ padding:0 .5em}
#header .top_wrap .etc{ max-width:40%}
#header .top_wrap .etc .search_wrap{ width:100%}
#header .top_wrap .menu > li.go_hancom .in{ padding:.25em 1em}
#header .top_wrap .menu > li.go_hancom .in .xi{ font-size:1.5em}
#header .top_wrap .menu > li.go_hancom .in .tt{ display:none}

#header .top_wrap .cateAll_wrap.mobile .wrapBtn { width:12em;}
#header .top_wrap .search .inp { width:12em;}

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

.mainVisual_wrap{ padding-bottom:3.125em;}
.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item{ height:15em}
.mainVisual_wrap .arrow_wrap .slick-arrow { width:2.5em;}
.mainVisual_nav .inner {}
.mainVisual_nav {left:5%; bottom:25%;}
.mainVisual_nav .va_wrap {width:1em; height:1em;}
.mainVisual_nav .caption .slick-list .slick-track div {width:30px!important;}
/* .mainVisual_nav .slick-track {width:25em!important; max-width:100%!important;} */

/*.mainVisual .item .img{background-size:contain;}*/
/*.main_wide_wrap{height:15em;}*/
.mainVisual_wrap .slick-dots{ bottom:1em}

.mainVisual_nav .caption .item.slick-current .in .tt { font-size:0.825em;}
.mainVisual_nav .caption .item .in .tt {font-size:0.825em;}


/*메인후기*/
.main_review .review_wrap .inner.w1{ display:none}
.main_review .review_wrap .inner.w2{ flex:1 0 100%; max-width:100%}
.main_review .review_wrap .list.st2 .in .img_wrap{ width:40%}
.main_review .review_wrap .list.st2 .in .con_wrap{ width:50%}


#footer .menu_wrap .menu > li > a{ padding:0 .3em}

.main_tab .tab > li .va_wrap{ height:2.25em}
/*.main_tab .tab > li .in .tt{ font-size:.875em}*/
.main_tab .tab > li .in{ padding:0 .875em}

.main_link .list > li {width: calc(25% - 1.35em);}

/*회원가입*/
.join_type > li .in .btn_area{ width:100%}
.w_form_tit{ width:6em}
.input_st.w1{ width:85%;}
.table_st th, .table_st td{ padding:.5em}
.agree_wrap > li{ width:100%}
.board_tt3{ font-size:.570em}


.dp1_customer.dp2_review .w_img{}
.dp1_customer.dp2_review td.w_tit{}
.tab_st1 > li > a .ko{ font-size:.750em}
.dp1_mypage.dp2_point .tt_point{ font-size:.875em}


.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}
.main_top .shop_list .tab > li > a::after{ display:none !important}
.main_top .shop_list .mainTopShop_wrap{ padding-bottom:144%}
.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%}

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

.main_plus{ position:relative; height:auto; padding-bottom:0}
.main_plus .con1{ position:absolute; left:1em; top:39.8%; width:34%}
.main_plus .con2{ float:none; width:100%}
.st4.list_prod_wrap{ min-height: inherit}
.main_st.st4.list_prod_wrap{ padding:1em}
.st4.list_prod_wrap .list_prod{ margin:-.5em 0 0 -.5em}
.st4.list_prod_wrap .list_prod .prod .in .img_wrap{ float:none !important; width:100%}
.st4.list_prod_wrap .list_prod .prod .in .con_wrap{ position:static; width:100%; text-align:left !important}
.st4.list_prod_wrap .list_prod .prod .in{ margin:.5em 0 0 .5em}
.st4.list_prod_wrap .list_prod .prod > li{ width:20%; height:0; padding-bottom:40%}
.st4.list_prod_wrap .list_prod .prod > li:nth-child(1){ position:static; float:none; width:100%; left:0}
.st4.list_prod_wrap .list_prod .prod > li:nth-child(1) .img_wrap{ float:left !important; width:50%}
.st4.list_prod_wrap .list_prod .prod > li:nth-child(1) .con_wrap{ float:right; width:47%}
.st4.list_prod_wrap .list_prod .prod > li:nth-child(2),
.st4.list_prod_wrap .list_prod .prod > li:nth-child(5){ margin-left:40%}
.st4.list_prod_wrap .list_prod .prod > li:nth-child(3), .st4.list_prod_wrap .list_prod .prod > li:nth-child(7){ margin-left:0}

.mainPartners .el{ width:50%}

#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 .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}
.sub .st1.list_prod_wrap .list_prod .prod > li{ width:50%}
.sub .st2.list_prod_wrap .list_prod .prod > li{ width:33.33%}
.list_prod_wrap .list_prod_tit .t1{ font-size:1.25em}
.list_prod_wrap .list_prod_tit .st1.btn{ font-size:.75em}
.st3.list_prod_wrap .list_prod .prod .in .img_wrap,
.st3.list_prod_wrap .list_prod .prod .in .con_wrap{ float:none; width:auto}
.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}

.greetings .grt_ctt{width:100%;}
.greetings .ceo_img{position:relative;}
.sub_page_ctt_box .certification_wrap{justify-content:center;}
.sub_page_ctt_box .certification_wrap .certification_in{width:46%;}

#header .top_wrap .in{width:11em;}
#header .top_wrap .logo img{height:auto;}
#header .top_wrap .menu{min-width:auto;}

#contents .sub_top_wrap .sub_gnb .gnb > li .dp2{flex-wrap:wrap;}
#contents .sub_top_wrap .sub_gnb .gnb > li .dp2 > li{flex:1 1 24%}

.status_ctt_wrap .status_title_wrap.gangwon{background: url(../images/sub/status_icon01.png) no-repeat right center/contain;}
.status_ctt_wrap .status_title_wrap .t1{width:65%;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box{width:120px;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box .thumb{min-height:155px;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box .thumb.noImg:before{font-size:11rem;}

.sub_page_top_wrap .text_wrap .tt .txt_honey{font-size:inherit;}

.board_photo > li{width:50%;}

.sub_page_ctt_box .contact_wrap .contact_ctt{flex-direction:column; align-items:flex-start;}
.sub_page_ctt_box .instruction_wrap .instruction_in .text_wrap p .step_num{font-size:2.5em;}
.sub_page_ctt_box .instruction_wrap .instruction_in .text_wrap p.t1 .txt{font-size:1.15em; margin-bottom:12px;}

#quick{display:none;}


.main_recom_tab .tab{flex-direction:column;}
.main_recom_tab .tab > li{width:100%; margin-bottom:1em;}
.main_recom_tab .tab > li .in{margin-right:0;}

.main_recom .list_prod_wrap .list_prod .prod .el{width:49%;}
.main_newB .newB_wrap > li{flex:1 1 49%; max-width:49%;}

#header .menu_wrap .cate_wrap .gnb > li {flex:1 1 24%; font-size:.9em;}
#header .top_wrap .logo {width:100%; margin:0;}
#header .top_wrap .etc_menu > li > a {padding:.5em;}
#header .menu_wrap .cate_wrap .gnb > li > .dp1 .va {font-size:.8em;}
}

@media screen and (max-width:600px){
#header .top_wrap .logo {width:10em;}
#header .top_wrap .etc_menu > li > a .tt {font-size:.9em;}
#header .top_wrap .wrapL {flex:1 1 60%;}
#header .top_wrap .wrapR {flex:1 1 40%;}
#header .top_wrap .search {margin-right:0;}
#header .top_wrap .search .inp {width:100%;}
#header .top_wrap .box1 {width:100%;}

.mainVisual_nav .va_wrap {width:.7em; height:.7em;}
.mainVisual_nav {left:5%; bottom:25%;}
.mainVisual_nav .caption .slick-list .slick-track {width:100%!important;}
.mainVisual_nav .caption .slick-list .slick-track div {width:20px!important;}
/* .mainVisual_nav .caption .slick-list .slick-track div {width:20px!important;} */
.mainVisual_nav2 .va_wrap {width:.7em; height:.7em;}
.mainVisual_nav2 {left:5%; bottom:25%;}
.mainVisual_nav2 .caption .slick-list .slick-track {width:100%!important;}
.mainVisual_nav2 .caption .slick-list .slick-track div {width:20px!important;}

.main_promotion .control {gap: 0 31em; right: 11%;}

.w_name,
.w_date { display:none;}

}

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

.main_promotion .control {gap: 0 28em; right: 11%;}

}

@media screen and (max-width:500px){
body{ font-size:13px}
#banner_top{display: none;}
/* #header .top_wrap .search .inp{width:12em;} */
/**/
.my_search_wrap input[type=button].input_st, input[type=submit].input_st, button.input_st, a.input_st{}
.input_st.w3{ width:14.25em}
.main_customer .cs .etc_wrap .btn{ float:none}

.main_customer .cs .etc_wrap .sns{ float:none; width:100%; padding:1em 0 0}

.dp1_customer.dp2_review .w_img{ opacity:0; width:0}
.tab_st1 > li > a .en{ display:none}

#header .top_wrap > .box1{position:relative; overflow:visible;}
#header .top_wrap .menu{position:absolute; right:0; top:50px;}
#header .top_wrap .etc{margin-right:0;}
#header .top_wrap .etc .search_wrap{max-width:none;}
#header .all_btn{left:-10px;}

#header .top_wrap .cateAll_wrap.mobile .wrapBtn { width:10em;}
/* #header .top_wrap .search .inp { width:10em;} */

#header .menu_wrap .gnb_wrap .gnb > li .dp1{padding:0 .25em !important;}
#header .menu_wrap .gnb_wrap .gnb > li:first-of-type .dp1{padding-left:1.25em !important;}
#header .menu_wrap .gnb_wrap .gnb > li:last-of-type .dp1{padding-right:1.25em !important;}
#header .top_wrap .logo {width:15em; padding-top:2em;}
.main_etc_wrap .wrap2 .main_gallery{flex-wrap:wrap;}
.main_etc_wrap .wrap2 .main_gallery li{width:auto; flex:1 1 30%; padding:0 1.5em;}

.history_area .history_lst{margin-left:0;}
.history_area .history_lst .list{display:flex; flex-direction:column;}
.history_area .history_lst .list dt{width:85px; margin:0;}
.history_area .history_lst .list dd.first{padding:5px 0 5px 10px;}

.sub_page_ctt_box .introduce_wrap1 .introduce_in .text_wrap{width:100%;}
.sub_page_ctt_box .introduce_wrap1 .introduce_in .text_wrap .t2{margin-bottom:1em;}
.sub_page_ctt_box .certification_wrap .certification_in{width:100%; margin-right:0; margin-bottom:1em; text-align:center;}
.sub_page_ctt_box .certification_wrap .certification_in:last-of-type{margin-bottom:0;}

.status_tab_wrap{flex-wrap:wrap;}
.status_tab_wrap .status_tab:nth-of-type(1){border-bottom:none;}
.status_tab_wrap .status_tab:nth-of-type(2){border-bottom:none;}
.status_tab_wrap .status_tab:not(:last-of-type){border-right:1px solid #f07300;}
.status_tab_wrap .status_tab:nth-of-type(2n-1){border-right:none;}
.status_tab_wrap .status_tab{width:50%;}
.status_ctt_wrap .status_title_wrap .t1{width:55%;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box{width:80px;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box .thumb.noImg{min-height:115px;}
.status_ctt_wrap .status_admin_wrap .admin_thumb_box .thumb.noImg:before{font-size:8rem;}

.step_process > li{width:100%;}
.board_photo > li{width:100%;}

.dp2_order .w_date{width:4em;}
.dp2_order .w_prod{width:5em;}
.dp2_order .w_order_num{width:5em;}

.sec6 > li{width:48%!important;}

.status_ctt_wrap .status_title_wrap{height:220px;}

#header .top_wrap .wrapR .search {width:25em; max-width:100%;}


.main_con1 .inquiry_wrap .inquiry_left .con_one {padding-bottom:6.8em; background-size:cover;}

.mainVisual_wrap, .mainVisual .slick-track, .mainVisual .item { height:9em}
.main_con1 .inquiry_wrap .inquiry_left .con_one .txt_wrap {right:1em;}
.main_con1 .inquiry_wrap .inquiry_left .con_one .txt_wrap .tit {font-size:.8em;}
.main_con1 .inquiry_wrap .inquiry_left .con_one .txt_wrap .btn {font-size:.7em;}

.main_promotion .control {gap: 0 25em; right: 11%;}
.mainVisual_nav { left:10%; bottom:33%;}
.mainVisual_nav .box1 {width:100%;}
.mainVisual_nav .item .in {margin:auto;}
.mainVisual_nav {}

.mainVisualSlide_wrap .control .wrapIn .mainVisualSlide_thumb { display:none;}
.mainPopSlide_wrap .mainPopSlide { width:30%;}
.mainVisualSlide_wrap .mainVisualSlide .wrap_in .img {padding-bottom: 80%;}
.mainPopSlide_wrap .control { right:0; border-radius:0;}

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

.main_wide_wrap {height:10.25em;}
.l-nav .gnb .dp2{padding:1em;}

#footer .copy_wrap .info_wrap .menu{display:none;}
#header .menu_wrap .cate_wrap .gnb > li {}

#header .top_wrap .wrapL {flex-direction:column; align-items:flex-start;!important}
#header .top_wrap .etc_menu > li > a {padding:1.5em 1.5em 0 0;}
#header .top_wrap .wrapL {flex:1 1 50%;}
#header .top_wrap .etc_menu {margin:0;}


.board_search_wrap .label_select,
.board_search_wrap .label_select select.input_st,
.board_search_wrap .input_st[type=text],
.board_search_wrap button {width:100%!important; margin-bottom:.5em;}

#header .top_wrap .wrapH {height:6em;}
.w_date{width:4em; word-break:break-all; padding:.5em!important;}
.main_con1 .inquiry_wrap .inquiry_right {margin-top:4em;}



}

@media screen and (max-width:450px){
.main_tab .tab{display:flex; flex-wrap:wrap;}
.main_tab .tab li{flex:1 1 33%;}

#header .top_wrap .cateAll_wrap.mobile .wrapBtn { width:4em;}
#header .top_wrap .cateAll_wrap.mobile .wrapBtn .tt {display:none;}

.mainVisual_nav .caption .item.slick-current .in .tt {}

.mainVisual_nav .caption .item .in .tt {font-size:.9em;}

.main_link .list > li {width: calc(33.3% - 1.35em);}
.list_prod_wrap .list_prod .prod:not(.swiper-wrapper) .el {width: calc(50% - 1.6666em);}

.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;}

.mainVisual_nav { max-width:100%; }
/* .mainVisual_nav .box1 {width:53%;} */
.mainVisual_nav .item .in {margin:auto;}
/* .mainVisual_nav {transform:translateX(-62%)} */

.main_promotion .control {gap: 0 22em; right: 11%;}

}

@media screen and (max-width:425px){
.main_promotion .control {gap: 0 21em; right: 11%;}
}

@media screen and (max-width:400px){
#header .top_wrap .wrapL {align-items:center;}
#header .top_wrap .box1 {flex-direction:column;}
#header .top_wrap .wrapH {height:8em;}
#header .top_wrap .logo {padding:2em 0 1em 0;}
#header .top_wrap .etc_menu > li > a {padding:0.5em;}

.main_promotion .control {gap: 0 20em; right: 11%;}

}

@media screen and (max-width:380px){
.main_promotion .control {gap: 0 19em; right: 11%;}
}

@media screen and (max-width:360px){
#header .top_wrap .logo {width:13em;}
.main_promotion .control {gap: 0 18em; right: 11%;}
}


@media screen and (max-width:340px){
body{ font-size:11px}
.board_search_wrap button{ padding:0 .5em}
#header .top_wrap .logo img{ width:12.5em}
#header .all_btn .ham{ left:-8px}


#footer .menu_wrap .menu > li > a{ font-size:.875em}
.mainVisual_wrap .slick-dots{ bottom:1em}
/* .mainVisual_nav {width:17em;} */
/* .mainVisual_nav {left:40%;} */
.mainVisual_nav .va_wrap {width:.5em; height:.5em;}
.mainVisual_nav .caption .slick-list .slick-track div {width:13px!important;}
#header .menu_wrap .gnb_wrap .gnb > li .dp1 .va{font-size:1em;}
#header .menu_wrap .gnb_wrap .gnb > li:first-of-type .dp1{padding-left:1em !important;}
#header .menu_wrap .gnb_wrap .gnb > li:last-of-type .dp1{padding-right:1em !important;}

#header .banner_top .in{height:70px;}

.main_etc_wrap .wrap2 .main_gallery li{padding:0; flex:1 1 37%;}
}

@media all and (orientation:landscape){

}